Featured image of post 如何挑選 Hugo 的 Theme?怎麼避免踩坑?

如何挑選 Hugo 的 Theme?怎麼避免踩坑?

|
|

在真正把部落格建出來之前,我們要先做最令人興奮的事:選 theme

Theme 是什麼?

如果你不知道 theme 是什麼的話,讓我解釋一下:

Hugo 這類的 SSG,自己本身處理的是「將一篇一篇的 Markdown 文章轉成一個一個網頁」。Markdown 的文章會是們自己寫出來的,那 Hugo 怎麼知道要轉成什麼樣的網頁?

這就是 theme 的功用:「給 Hugo 一個模板,把文章轉成網頁」。

所以,theme 也會決定你的部落格會長什麼樣子!

去哪裡找 theme?

  • Hugo Themes - Blog:Hugo 官方的 theme 清單,然後篩選出適合部落格的那些 theme。

Hugo 的官方網站本身就可以找 theme

GitHub 上面也可以找到很多 theme

踩坑經驗

我想先分享一下我的踩坑經驗,希望大家挑 theme 的時候可以小心一點 ><

LoveIt

我在 Blog 1.0 時期用的 theme。

這個 theme 曾經斷更過兩年1,我當時還沒等到作者回來就先跳船了。

目前看起來是還有一直在維護,不過期間也有一些分支誕生:DoItFeelIt

HugoBlox

我在 Blog 2.0 時期用的 theme。前身是 Wowchemy,SEO 還蠻好的,功能也很多元。

但當時我隔了兩年回來寫部落格,這個 theme 從 Wowchemy 變成 HugoBlox 的時候,就沒辨法正常把網頁建出來了,也找不到文件在說明這些破壞性的更動,一氣之下跳船。

另外,這個 theme 的商業味也是頗濃,謹慎使用。

Stack

現在(Blog 3.0)的 theme。

缺點是:因為太好辨認,而且又很多人用,所以很容易跟別人撞 theme。

這個站的芳鄰就有:Hong-Sheng Huang’s Blog雷歐 Revol.C 的部落格Frank 法蘭克EricChung 的程式勇者村

所以如果用了這個 theme 的話,會一直很想要爆改 XD

關於這個部落格的演進,可以參考:關於本站

選 theme 的建議

你可以 像 Eddie 一樣找別人作業來抄,那也是一個不錯的策略,你可以得到和別人類似的結果。

不過如果你想要自己挑的話,我有幾個建議可以給你:

不要花太多時間決定

部落格的主角還是「內容」,一直到處看的話反而文章一直沒有寫出來!

反正你很有可能之後還是會換 theme 的。(看看我已經換了 2 次)

選文件寫得清楚的

所謂的「文件」(docs),其實就是說明書的意思。

說明書寫得越清楚,就比較容易知道怎麼開始用,遇到問題的時候也比較容易解決。

不要選太少人用的

除非你的動手能力很強,不然很有可能會遇到錯誤不知道怎麼處理、原作者擺爛之類的問題。

這個可以參考在 GitHub 的 Stars 數量,也可以去看看在 issue 裡面原作者和大家的互動如何。

不要選太多花俏功能的

功能很多,代表的就是搬家的時候會很麻煩。

搬家是肯定會發生的,像我就換了 2 次 theme。而且我認為在 20 年後,有很高的機率我不會是繼續用 Hugo 來架我的部落格。

儘量選擇貼近 Markdown 原生就有的格式來寫文章,可移植性會比較好。

選擇自己的 Theme!

我能給的建議大概就是這些了!現在就去 Hugo Themes - BlogGithub - hugo-theme 看看有沒有自己喜歡的 theme 吧~

如果有問題或其他建議,也都歡迎再跟我說!

與你的連結,是我寫部落格的動力

喜歡這篇文章的話,歡迎 在下方留言 或是 寄 Email 回饋給我!

也可以去 誰來我家 簽個到,或是去 看看其他文章 ~~

已經寫了 104 篇文章, 總共 16.1 萬字
使用 Hugo 建立
主題 StackJimmy 設計