HUGO
Menu
GitHub 87548 stars Mastodon

在 Netlify 上托管

在 Netlify 上托管您的網站。

使用這些說明從 GitHub 倉庫啟用持續部署。如果您使用 Azure DevOps、Bitbucket 或 GitLab 進行版本控制,適用相同的一般步驟。

前提條件

請在繼續之前完成以下任務:

  1. 創建 Netlify 賬戶
  2. 登錄 您的 Netlify 賬戶
  3. 創建 GitHub 賬戶
  4. 登錄 您的 GitHub 賬戶
  5. 創建 項目的 GitHub 倉庫
  6. 創建 項目的本地 Git 倉庫,並帶有指向 GitHub 倉庫的 遠程 引用
  7. 在本地 Git 倉庫中創建 Hugo 網站,並使用 hugo server 命令測試
  8. 將更改提交到本地 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
將更改提交到本地 Git 倉庫並推送到 GitHub 倉庫。
步驟 3
在 Netlify 儀表板的右上角,按 Add new project 按鈕並選擇"Import an existing project"。 屏幕截圖
步驟 4
連接到 GitHub。 屏幕截圖
步驟 5
按"Authorize Netlify"按鈕允許 Netlify 應用程序訪問您的 GitHub 賬戶。 屏幕截圖
步驟 6
Configure Netlify on GitHub 按鈕。 屏幕截圖
步驟 7
選擇您要安裝 Netlify 應用程序的 GitHub 賬戶。 屏幕截圖
步驟 8
授權 Netlify 應用程序訪問所有倉庫或僅選擇倉庫,然後按 Install 按鈕。 屏幕截圖

您的瀏覽器將被重定向到 Netlify 儀表板。

步驟 9
點擊您要導入的倉庫名稱。 屏幕截圖
步驟 10
在"Review configuration"頁面,輸入項目名稱,保留設置為默認值,然後按 Deploy 按鈕。 屏幕截圖屏幕截圖
步驟 11
當部署完成後,點擊指向您已發布網站的鏈接。 屏幕截圖

將來,每當您從本地 Git 倉庫推送更改時,Netlify 將重新構建和部署您的網站。


Last updated: January 1, 0001
Improve this page