網站部署

2025-03-15 · 1 分鐘

部署網站有許多選擇,下面有幾個常用的選項,可以依照自己的需求選擇。

流程圖

graph LR A[本地端] -->|Push| B[GitHub Repository] B --> C[GitHub Pages] B --> D[Vercel] B --> E[Cloudflare Pages] B --> F[Netlify]

第一次部署

不論選擇部署在哪個平臺,都需要先設定 GitHub Repository 與 對應的 Repository 名稱。

在部署的平臺上授權 GitHub 賬戶

在部署的平臺上選擇關聯目標 Repository

依據平臺需求完成相關設定

ex: 使用的環境版本號

我第一次部署在 Cloudflare Pages 時,一直部署失敗。
但我在後台上加入了參數「Hugo Version」之後,就順利部署了。

第二次後的部署

在本地端網站內容更新後,先進行 hugo 編譯

hugo server -e production --disableFastRender --navigateToChanged

將編譯後的內容推送到 GitHub Repository

git add .
git commit -m "2025-03-15 更新xx網頁" #這邊就是記錄本次的更新內容
git push

等待部署平臺完成部署

Mars Lo
作者
Mars Lo
自動化 | 產品思維 | 專案管理 | 職涯諮詢
偷懶是為了更好地浪費