HUGO
Menu
GitHub 87548 stars Mastodon

在 Firebase 上托管

在 Firebase 上托管您的網站。

假設

  1. 您擁有 Firebase 賬戶。(如果沒有,您可以使用 Google 賬戶免費注冊。)
  2. 您已完成 [快速入門] 或已准備好可部署的 Hugo 網站。

初始設置

前往 Firebase 控制台 並創建新項目(除非您已有項目)。您需要全局安裝 firebase-tools(node.js):

npm install -g firebase-tools

使用 firebase login 登錄 Firebase(在本地機器上設置),這將打開一個瀏覽器,您可以在其中選擇您的賬戶。如果您已登錄但登錄的是錯誤的賬戶,請使用 firebase logout

firebase login

在 Hugo 項目的根目錄,使用 firebase init 命令初始化 Firebase 項目:

firebase init

從這裡:

  1. 在功能問題中選擇 Hosting
  2. 選擇您剛剛設置的項目
  3. 接受數據庫規則文件的默認值
  4. 接受發布目錄的默認值,即 public
  5. 如果您不是部署單頁應用程序,選擇"No"

使用 Firebase 和 GitHub CI/CD

在新版本的 Firebase 中,還有一些其他問題:

  1. 使用 GitHub 設置自動構建和部署?

    在這裡,您將被重定向到登錄 GitHub 賬戶以獲得權限。確認。

  2. 您想為哪個 GitHub 倉庫設置 GitHub 工作流?(格式:user/repository)

    按上述格式包含您將使用的倉庫(Account/Repo) Firebase 腳本將檢索憑據,創建服務賬戶,您稍後可以在 GitHub 設置中管理。

  3. 設置工作流在每次部署前運行構建腳本?

    這是您在運行部署之前包含一些命令的機會。

  4. 當 PR 合並時設置自動部署到網站的實時頻道?

    您可以保留默認選項(main)

之後 Firebase 已在您的項目中設置 CI/CD。之後運行:

hugo && firebase deploy

這樣您將手動初始化應用程序。之後,您可以從 https://github.com/your-account/your-repo/actions 管理和修復您的 GitHub 工作流。

不要忘記在推送之前更新您的靜態頁面!

手動部署

要部署您的 Hugo 網站,請執行 firebase deploy 命令,您的網站將很快上線:

hugo && firebase deploy

CI 設置(其他工具)

您可以使用以下命令生成部署令牌

firebase login:ci

您也可以設置 CI 並將令牌添加到私有變量,如 $FIREBASE_DEPLOY_TOKEN

這是一個私有秘密,不應出現在公共倉庫中。確保您了解所選的 CI,並且它對其他人不可見。

然後您可以在構建中添加步驟以使用令牌進行部署:

firebase deploy --token $FIREBASE_DEPLOY_TOKEN

參考鏈接


Last updated: January 1, 0001
Improve this page