用 Hugo 建置我的部落格 - 1

Posted by Bobson Lin on Tuesday, November 13, 2018

為什麼選 Hugo

比較了幾個常見的部落格建置工具以及其開發的語言:

  • Jekyll - Ruby
  • Hugo - Golang
  • Hexo - Javascript

主要原因:

  1. Hugo 是用 Golang 寫的,安裝的時候不用其他 package manager (Ruby 要用 gem, JS 要用 npm)
  2. Hugo 是用 Golang 寫的,整體操作的速度會較快 (詳細可能要多接觸後才了解)

個人(非必要)原因:

  1. 開發環境大多都用 Ubuntu (沒錢買 Mac…),剛好 Ubuntu 16.04 後有 snapcraft 做軟體的管理,而 Hugo 剛好在上面有版本,安裝起來非常快。
  2. 對於 JS 較熟(前端接觸了一年多),Ruby 稍微有點退燒了,而 Golang 越來越火,看順便能不能藉此機會接觸一些 Golang 的專案。

備註:
- 比較的部落格建置工具均為 static site generater
- 選擇工具為個人喜好決定,並無絕對的好壞,自己用的上手最重要

尋找巨人們(資源)

經過一天的尋找,找到了些巨人們:

文檔類

影片類

程序猿用

多虧尋找到這些巨人才得以快速理解 Hugo 😏

初探身手 - 準備開始弄髒手手

筆主使用的環境是 Ubuntu 18.04LTS

安裝 Hugo 指令

$ snap install hugo --devmode
  • 使用 --devmode 是因為碰上後面用 hugo 指令初始化資料夾結構時出現了 pemission denied;後來是加上此參數才解決

初始化資料夾

$ hugo new site myblog
$ cd myblog
  • hugo 會幫我們建立一大堆預設的資料夾(大部份是空的),初使用的話比較需要注意的是 contentthemesconfig.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/ 上有顯示第一則博文,就大功告成拉~ 😃

接下來? 你可以瞧瞧…