不知道這是第幾次搬家、重新開站了。
在去年搬回 Google Cloud Platform 自架 wordpress 後 ,再度改回 Static Site Generator (暫譯:靜態網頁產生器)的方式。
這次一樣採用 Hugo 來架站 ,但在整體架構上做了一些調整 ,不使用 Gitlab Page 或 Github Page,而是選擇了 Netlify 做 Host。
建立過程大概都跟過去 使用 Hugo 建立 GitLab page 所述大同小異。
在本地端建立好 Hugo 後,上傳到 Github 或 Gitlab,再透過 Netlify 連結,Netlify 會自動 Deploy 到站上。
Netlify 設定也很簡單,註冊登入後,只要綁定 Github 或 Gitlab 帳戶,並選擇 你 Hugo (或其他靜態網站語言) 的 repository 就可以了。
基本上 Netlify 都會自動偵測並設定好,只要下一步即可。
Netlify 將會自動部署,並分配一個網址給您。若想要使用自有網域,則可以再自行設定。並且,也可以自動分配與設定 HTTPS,真的是方便又快速,輕鬆許多。
另外,這次圖片改放在 Google Cloud Storage。
使用 Google Cloud Storage 的好處是,有免費方案可以使用,而且也可以使用自己的網域。
限制是,免費方案的主機需選擇美國主機。
但是在 Netlify CDN 始終設定不了圖片網址的 HTTPS。所以只好把部落格子網域連同圖片子網域一併改放 Cloudflare 處理。
簡而言之,整體架構會是如下所示
Github ⇒ Netlify ⇒ Cloudflare
這樣的配置比使用 Google Cloud Platform 節省許多開銷,也不困難並且省時間。對於功能極為輕量級,需求不高的部落格而言,是相當推薦的方式。唯靜態網頁的寫作方式需要懂得使用 git,尚不適合一般大眾。
不過話又說回來,其實像 Netlify 也有推出 CMS 服務,可以直接線上編輯、管理內容,有興趣的人,也可以去嘗試嘗試。
參考資料
Blog 從Wordpress 移動到 Hugo
部落格搬遷記錄~部落格建置(hugo+github) · 小卷的胡言亂語
第一次在 GCP Storage 放置靜態網頁就上手 – 碼人日誌
How to Setup a SSL for Google Cloud Storage hosted Site?