iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
Software Development

Let's blogggggggggg系列 第 9

[Day09] 選擇困難再度發作之主題挑選

  • 分享至 

  • xImage
  •  

在昨天的文章中,我們先挑選了一個 Ananke 做為例子,今天我們來聊聊怎麼挑選主題,還有我在選擇主題時考量的幾個重點。

去哪挑?

在 Hugo 的官方網站中,點擊 Theme 這個連結就可以看到了,總共有一千多個主題可以挑選。

但老實說,從使用者的角度,這個頁面其實做得蠻差的,只能篩選 tag,但沒辦法排序,除非你很享受類似在購物網站逛街的快感,不然應該都會覺得蠻難使用的。

有另外一個方法是在 Github 中用類似 hugo-theme 的 tag 去搜尋,例如這樣,這樣雖然可以排序,但也可能漏掉一些沒有上 tag 的主題。

推薦主題

Ananke

  • Live Demo
  • 優點:畫面清爽簡潔
  • 缺點:沒有亮暗模式、沒有好看的 TOC(Table of Contents)

Even

  • Live Demo
  • 優點:畫面清爽簡潔,Github 星星數較多
  • 缺點:沒有亮暗模式、沒有好看的 TOC(Table of Contents)、文章沒有圖片預覽

hugo-clarity

  • Live Demo
  • 優點:支援亮暗模式
  • 缺點:畫面排版稍嫌混亂

hugo-coder

LoveIt

  • Live Demo
  • 優點:支援亮暗模式、支援 TOC
  • 缺點:-

以上是我挑選了幾個相對來說比較符合我需求的主題,但美感是主觀的,如果覺得不符合你的審美,也可以自己在一千多個主題裡面挖挖寶。

我的選擇

其實我現在看了看,覺得 LoveIt 還蠻符合我的需求的,但我當時沒有注意到這個主題,所以選擇先用 Ananke,再自己把它調整成我的形狀。

過程中會撞到一點牆,但也不失為熟悉 Hugo 的一種方式。接下來會持續分享 我做了什麼調整、以及 Hugo 相關的知識。


上一篇
[Day08] Let's Build!
下一篇
[Day10] 聊聊 Config
系列文
Let's blogggggggggg11
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言