第一篇文就獻給架設 Hugo Blog 吧~

這次是用 hugo + gitlab pages 搭建 blog,以前也有嘗試過 github + hexo,但 github 都是 public repo 總感覺少了一點隱私性,另外 hugo 相比之下環境比較簡單只需要一個執行檔,所以就決定使用 hugo + gitlab solution 了。

GitLab Pages x Hugo

gitlab 很貼心直接幫大家準備各家 blog repo ,直接 fork 就可以了! 這次我是 fork hugo repo 到自己的 namespace 底下,接著再幾個步驟就可以佈署到gitlab pages上囉

  1. 到剛剛 fork 的 project > Settings > Advanced Settings > 移掉 fork 關係
  2. 一樣在 Advanced Settings 裡面將自己的 Porject 更名為 {name}.gitlab.io e.g. https://gitlab.com/xxx/xxx.gitlab.io
  3. 隨便修改一下其中一個檔案後 commit push 上去,就會 trigger gitlab ci 完成佈署!

接著打開網頁 https://xxx.gitlab.io 就可以看到熱騰騰的部落格啦~~

一開始裡面是預設的設定跟文章,只要根據 hugo 文件 改成自己想要的設定就可以了,這部份還沒仔細研究,不過目前已經可以開撰寫文章了,剩下的功能就邊玩邊研究了~

GitHub pages v.s. GitLab pages

紀錄一下兩者的差異,github pages 必須自己在 local 生成完後再將文章push 上去,這部份就很煩了,而且 repo 上面同時會有 md 跟生成出來的文章,感覺很多餘。

這部份就是 gitlab 做得很棒的地方,他結合了 gitlab ci (自己也大推gitlab ci!!),當你把原始的md推上去後,他就會 trigger gitlab ci 去生成你的文章,並且自動佈署到 gitlab page 上面,我們完全不需要管生成跟佈署,而且 repo 也很乾淨只有原始的 md 檔案,整個就很完美啊

Reference