部署站点

部署站点

Hugo 生成静态站点,允许多种托管方式,你可以自由选择 本页将给出部署你的 Hextra 站点的方法

GitHub Pages

GitHub Pages 是免费部署和托管网站的推荐方法

如果您使用以下方式引导该网站 hextra-starter-template, 它提供了开箱即用的 GitHub Actions 工作流程,有助于自动部署到 GitHub Pages

在仓库设置中将 Pages > Build and deployment > Source 调整为 GitHub Actions:

默认情况下,上述 GitHub Actions 工作流程 .github/workflows/pages.yaml 假定站点部署到 https://<USERNAME>.github.io/<REPO>/

如需部署到 https://<USERNAME>.github.io/ 修改参数 --baseURL:

.github/workflows/pages.yaml
54
55
56
57
run: |
  hugo \
    --gc --minify \
    --baseURL "https://${{ github.repository_owner }}.github.io/"  

如需部署到自己的域,请对应修改 --baseURL

Cloudflare Pages

  1. 将您的网站托管在 Git 存储库(例如 GitHub)
  2. 登录到 Cloudflare dashboard 并选择你的账户
  3. 转至在账户主页面中 Workers & Pages > Create application > Pages > Connect to Git
  4. 选择你的仓库 Set up builds and deployments 提供以下信息:
Configuration Value
Production branch main
Build command hugo --gc --minify
Build directory public

如需了解更多内容,见:

Netlify

  1. 将代码推送到 Git 存储库 (如 GitHub, GitLab)
  2. 导入项目
  3. 如果您不使用[hextra-starter-template][hextra-starter-template], 手动配置以下内容:
    • C 将构建命令配置为 hugo --gc --minify
    • 指定发布目录为 public
    • 添加环境变量 HUGO_VERSION 并设定为 0.119.0
  4. 部署

转至 Hugo on Netlify 获得更多信息

Vercel

  1. 将代码推送到 Git 存储库(GitHub、GitLab 等)
  2. 转至 Vercel Dashboard 并导入你的 Hugo 项目
  3. 配置项目,选择 Hugo 作为 Framework Preset
  4. 覆盖构建命令和安装命令:
    1. 设置构建命令为 hugo --gc --minify
    2. 将安装命令设置为 yum install golang

Vercel Deployment Configuration