為什麼選 Hugo
比較了幾個常見的部落格建置工具以及其開發的語言:
- Jekyll - Ruby
- Hugo - Golang
- Hexo - Javascript
主要原因:
- Hugo 是用 Golang 寫的,安裝的時候不用其他 package manager (Ruby 要用 gem, JS 要用 npm)
- Hugo 是用 Golang 寫的,整體操作的速度會較快 (詳細可能要多接觸後才了解)
個人(非必要)原因:
- 開發環境大多都用 Ubuntu (沒錢買 Mac…),剛好 Ubuntu 16.04 後有 snapcraft 做軟體的管理,而 Hugo 剛好在上面有版本,安裝起來非常快。
- 對於 JS 較熟(前端接觸了一年多),Ruby 稍微有點退燒了,而 Golang 越來越火,看順便能不能藉此機會接觸一些 Golang 的專案。
備註:
- 比較的部落格建置工具均為 static site generater
- 選擇工具為個人喜好決定,並無絕對的好壞,自己用的上手最重要
尋找巨人們(資源)
經過一天的尋找,找到了些巨人們:
文檔類
- Hugo 官方文件 - 這是一定要參考的,而且寫的算詳細。
影片類
- Hugo - Static Site Generator | Tutorial - Mike Dane 的 Hugo 教學影片,涵蓋了大部分官方文檔講的內容,再加上一些實做。
程序猿用
- Hugo Theme CleanWhite - 本部落格套用的主題
多虧尋找到這些巨人才得以快速理解 Hugo 😏
初探身手 - 準備開始弄髒手手
筆主使用的環境是 Ubuntu 18.04LTS
安裝 Hugo 指令
$ snap install hugo --devmode
- 使用
--devmode
是因為碰上後面用 hugo 指令初始化資料夾結構時出現了 pemission denied;後來是加上此參數才解決
初始化資料夾
$ hugo new site myblog
$ cd myblog
- hugo 會幫我們建立一大堆預設的資料夾(大部份是空的),初使用的話比較需要注意的是
content
、themes
、config.toml
。
安裝主題
$ git init
$ git submodule add https://github.com/zhaohuabing/hugo-theme-cleanwhite.git themes/hugo-theme-cleanwhite
$ echo 'theme = "hugo-theme-cleanwhite"' >> config.toml
- 滿建議用 git submodule,可以版控又方便更新。
第一個博文
$ hugo new post/first-post.md
$ hugo server -D
- 在
http://localhost:1313/
上有顯示第一則博文,就大功告成拉~ 😃