Goodbye octopress. Hello Hugo!

2019-09-04, Wednesday
hugo

有一段時間沒有寫blog了,最近想趁有點時間來更新一下.之前的blog是用Octopress建置的.Octopress是基於Ruby程式語言來撰寫的.在blog產生的部份有點小複雜.讓我很容易懶惰..我最近幾年除了javascript外最常撰寫的程式語言是Go.Go有一個open sources blog套件叫Hugo.想說趁這個機會將原本Octopress轉換成Hugo.

Octopress版blog:
octopress

step1 - 安裝hugo:
根據不同的OS會有不同的安裝方式, 可以參考: install_hugo.
我是使用go build from source方式編譯安裝的.

step2 - 建立New Site:

hugo new site quickstart

你可以到theme找一個你喜歡的佈景然後執行:

cd quickstart
# Download the theme
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

step3 - 建立一個post:

hugo new posts/my-first-post.md

在產生檔案中---下面撰寫你的文章. 除了基本的markdown之外可以參考這邊
step4 - 啟動hugo server:

hugo server -D

*-D 代表顯示draft:true的文章. 如果沒有-D可能看不到你剛剛產生的文章.

到這裡. 恭喜你. 你也可以開始使用hugo來撰寫編輯你的blog.

小tip:
編寫文章的時候我想強制換行怎麼辦? 可以使用</br>來強制換行. 但是如果你不想要一直寫</br>呢?

#你可以在config.toml下面加入以下設定. 它會將`/n`換行符號自動轉換.就不需要一直輸入惱人的</br>
[blackfriday]
  angledQuotes = true
  extensions = ["hardLineBreak"]
  fractions = false
  plainIDAnchors = true

總結:

go 轉換template成為html真的非常的快速. 可以雙開一邊編寫文章. 一邊開啟liveserver自動reload.還蠻方便的!