在 Netlify 上托管

在 Netlify 上托管您的网站。

使用这些说明从 GitHub 仓库启用持续部署。如果您使用 Azure DevOps、Bitbucket 或 GitLab 进行版本控制，适用相同的一般步骤。

前提条件

请在继续之前完成以下任务：

创建 Netlify 账户
登录您的 Netlify 账户
创建 GitHub 账户
登录您的 GitHub 账户
创建项目的 GitHub 仓库
创建项目的本地 Git 仓库，并带有指向 GitHub 仓库的远程引用
在本地 Git 仓库中创建 Hugo 网站，并使用 hugo server 命令测试
将更改提交到本地 Git 仓库并推送到 GitHub 仓库。

步骤

步骤 1

在项目根目录创建 netlify.toml 文件。

netlify.toml

[build.environment]
DART_SASS_VERSION = "1.97.3"
GO_VERSION = "1.25.6"
HUGO_VERSION = "0.155.3"
NODE_VERSION = "24.13.0"
TZ = "Europe/Oslo"

[build]
publish = "public"
command = """\
  git config core.quotepath false && \
  hugo --gc --minify --baseURL "${URL}"
  """

如果您的网站需要 Dart Sass 将 Sass 转译为 CSS，请设置 DART_SASS_VERSION 并在构建步骤中包含 Dart Sass 安装。

netlify.toml

[build.environment]
DART_SASS_VERSION = "1.97.3"
GO_VERSION = "1.25.6"
HUGO_VERSION = "0.155.3"
NODE_VERSION = "24.13.0"
TZ = "Europe/Oslo"

[build]
publish = "public"
command = """\
  curl -sLJO "https://github.com/sass/dart-sass/releases/download/${DART_SASS_VERSION}/dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz" && \
  tar -C "${HOME}/.local" -xf "dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz" && \
  rm "dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz" && \
  export PATH="${HOME}/.local/dart-sass:${PATH}" && \
  git config core.quotepath false && \
  hugo --gc --minify --baseURL "${URL}"
  """

步骤 2