目錄

前言

有鑑於記憶力越來越差的關係，常常忘記做過什麼事情，或者也是想督促透過記錄的方式學習些技術，因此有了寫 Blog 的想法；
當然，身為一個工程師，自然要找一些很工程師的方式寫 Blog 囉，主要的訴求有：

  1. 主要是紀錄用途，希望可以輕鬆管理 Blog ，以及能夠輕易地比較、還原
  2. 希望文章寫起來簡單
  3. 免費!! 😆

基於上述理由，開始尋找可以顯示靜態網頁的方式吧。

產生靜態網頁 - Hugo

靜態網頁當然也可以手動產生囉，但透過靜態網頁產生工具，除了方便與第三方系統(Google Analytics、Disqus、Gitalk…等)界接，再者，目前廣泛使用的工具都有很多漂亮的主題可以套用，著實可以省下很多功；現在的工具也有很多可以選，例如：

相關的比較網路上很多，筆者就沒有太深入探討，選擇 Hugo 主要考量是 GitHub 星數最多、編譯網頁速度快、對於開發環境的相依性最少、以 Markdown 撰寫文章(有夠工程師的…)。

對了，Hexo 的作者可是台灣人喔!!👍👍👍

部屬環境 - GitHub Pages

再來就是要部屬靜態網頁去哪裡呢，在 Hugo 的 Hosting & Deployment 已經有針對主要可以放置靜態網頁(AWS Amplify、Firbase、GitHug、GitLab、Bitbucket…等)提供教學，所以從裡面選一個喜歡的吧！
因為筆者比較習慣使用 GitHub ，再者每個 GitHub 帳號都有一個免費的 User Site，以及每一個 Repository 也可以有一個免費的 Project Site，針對紀錄的需求，已經綽綽有餘了！之後再整合 GitHub 的元件 - Gitalk 提供留言板功能，讓開發環境都維持在 GitHub ，管理上也比較輕鬆。

結論

OK，接下來幾篇會介紹怎麼架設、以及遇到什麼問題囉。👋

參考連結