在GitLab Pages上托管

假设条件

对于版本控制的Git有一定的熟悉度
完成Hugo的快速入门
GitLab帐号
在本地机器上有一个准备好发布的Hugo网站

BaseURL

如果您使用默认的GitLab Pages URL（例如 https://<YourUsername>.gitlab.io/<your-hugo-site>/）而不是自定义域名，则在您的站点配置的baseURL中必须反映出GitLab pages仓库的完整URL。

配置GitLab CI/CD

通过在项目的根目录下创建一个.gitlab-ci.yml文件来定义您的CI/CD作业。

.gitlab-ci.yml

variables:
  DART_SASS_VERSION: 1.64.1
  HUGO_VERSION: 0.115.4
  NODE_VERSION: 20.x
  GIT_DEPTH: 0
  GIT_STRATEGY: clone
  GIT_SUBMODULE_STRATEGY: recursive
  TZ: America/Los_Angeles

image:
  name: golang:1.20.6-bookworm

pages:
  script:
    # 安装brotli
    - apt-get update
    - apt-get install -y brotli
    # 安装Dart Sass
    - curl -LJO https://github.com/sass/dart-sass/releases/download/${DART_SASS_VERSION}/dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
    - tar -xf dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
    - cp -r dart-sass/ /usr/local/bin
    - rm -rf dart-sass*
    - export PATH=/usr/local/bin/dart-sass:$PATH
    # 安装Hugo
    - curl -LJO https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb
    - apt-get install -y ./hugo_extended_${HUGO_VERSION}_linux-amd64.deb
    - rm hugo_extended_${HUGO_VERSION}_linux-amd64.deb
    # 安装Node.js
    - curl -fsSL https://deb.nodesource.com/setup_${NODE_VERSION} | bash -
    - apt-get install -y nodejs
    # 安装Node.js依赖
    - "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
    # 构建
    - hugo --gc --minify
    # 压缩
    - find public -type f -regex '.*\.\(css\|html\|js\|txt\|xml\)$' -exec gzip -f -k {} \;
    - find public -type f -regex '.*\.\(css\|html\|js\|txt\|xml\)$' -exec brotli -f -k {} \;
  artifacts:
    paths:
      - public
  rules:
    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH

将您的Hugo网站推送到GitLab

接下来，在GitLab上创建一个新的仓库。不需要将仓库设为公开。此外，您可能希望在.gitignore文件中添加/public，因为没有必要将编译的资源推送到GitLab或将输出的网站保存在版本控制中。

# 初始化新的git仓库
git init

# 在我们的.gitignore文件中添加/public目录
echo "/public" >> .gitignore

# 提交并推送代码到主分支
git add .
git commit -m "Initial commit"
git remote add origin https://gitlab.com/YourUsername/your-hugo-site.git
git push -u origin master

等待页面构建完成

就这样！您现在可以在https://gitlab.com/<YourUsername>/<your-hugo-site>/pipelines上查看CI代理构建您的页面。

构建通过后，您的新网站将可在https://<YourUsername>.gitlab.io/<your-hugo-site>/上访问。

接下来的步骤

GitLab支持使用自定义CNAME和TLS证书。有关GitLab Pages的更多详细信息，请参阅GitLab Pages设置文档。