[Day09] 选择困难再度发作之主题挑选

在昨天的文章中,我们先挑选了一个 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 相关的知识。


<<:  Day 09: Creational patterns - Prototype

>>:  [Day 9]Request

D3JsDay13 让资料拥有过渡动画,让各位观众看见神话—过渡动画

过渡动画 transition这个翻译成过渡的意思,一个吸引人的图表当中,加入了一点动画成分和过渡的...

【Day05】数据输入元件 - Input Text / Text Field

元件介绍 Input 是一个输入元件。通常在我们希望用户能够输入一些资讯的时候会需要用到它。由於原生...

Day6. 常见原型种类及制作方式

建立原型要点 根据 Google Glass 案例里提到的经验总结,制作低精度原型目的是为了及早失败...

使用Lucene.Net达成全文检索!基础解说(一)

Lucene.Net是一套C#开源全文索引库,其主要包含了: · Index : 提供索引的管理与词...

Day_12 : 让 Vite 来开启你的Vue 之 来!开始你的 Vue 3

Hi Dai Gei Ho~ 我是Winnie~ 进入Vue章节前的 温腥提醒: 在之後的文章中,预...