將 Github 的 Hugo 專案移到 Linode (1) - Hugo 部署流程

Hugo 的部署流程

  1. 在「A 地方」放所有檔案。
  2. 在「B 設定檔」告訴主機說:「執行 hugo,並把產生出的所有靜態檔案,放到『C 地方』。」
  3. 在「D 地方」設定如何把自己的網域連到「C 地方」。

原本我的 Hugo 部落格的部署方式

  • A 地方:Github repo
  • B 設定檔:.yml 設定檔
  • C 地方:GitHub gh-pages 分支
  • D 地方:Vercel 專案

流程:

  1. 在「GitHub repo」放所有檔案。
  2. 在「.yml 設定檔」告訴主機說:「執行 hugo,並把產生出的所有靜態檔案,放到『gh-pages 分支』。」
  3. 在「Vercel 專案」設定如何把自己的網域連到「GitHub gh-pages 分支」。

目標 Linode 部署方式

(以下 abc.com 為我自己定義的範例資料夾名稱,你可以自己改成你想要的,例如你的網域名稱。)

  • A 地方:Linode var/www/abc.com/ 資料夾
  • B 設定檔:post-receive 設定檔
  • C 地方:Linode var/www/abc.com/public/ 資料夾
  • D 地方:Nginx 設定檔

流程:

  1. 在「var/www/abc.com/」放所有檔案。
  2. 在「post-receive 設定檔」告訴主機說:「執行 hugo,並把產生出的所有靜態檔案,放到『var/www/abc.com/public/』。」
  3. 在「Nginx 設定檔」設定如何把自己的網域連到「var/www/abc.com/public/」。

對應到這系列的文章:

  1. 將 Github 的 Hugo 專案移到 Linode (2) - 轉移資料和記錄
  2. 將 Github 的 Hugo 專案移到 Linode (3) - 將 Linode 設為 Git Server
  3. 將 Github 的 Hugo 專案移到 Linode (4) - 把網域改連到 Linode
較新一篇 將 Github 的 Hugo 專案移到 Linode (2) - 轉移資料和記錄
較舊一篇 我的 Tmux 工作流
使用 Hugo 建立
主題 StackJimmy 設計