一个内容优先的 Hugo 主题应该怎样设计

做博客主题时,很容易手痒。

加一点卡片,加一点动画,再加几个入口,看起来确实更像一个“完整产品”。但个人博客不是产品落地页。它首先要让人愿意写,也让别人愿意读。

为什么坚持单栏

单栏的好处很直接:眼睛不用乱跑。

打开文章以后,读者只需要顺着一条线往下看。没有侧边栏,没有相关推荐,没有一堆暂时用不上的按钮。手机上也省心,排版不容易出奇怪的问题。

少一点,不是偷懒

少不是简陋,而是把力气放在真正影响阅读的地方:

  • 标题层级
  • 段落宽度
  • 行高
  • 字号
  • 链接状态
  • 代码块
  • 引用样式

这些东西不显眼,但读一篇长文时,舒服不舒服基本就靠它们。

尽量少用重型 JavaScript

静态博客本来就应该快。

Hugo 的好处是生成快、部署简单、页面也干净。如果为了一个主题效果塞进很多脚本,最后反而把静态博客的优点抵消了。

我的取舍

这套主题不会追求第一眼多惊艳。

我更希望它过一两年再看,还是顺眼;文章多起来以后,也不用为了维护主题分心。样式可以慢慢调,但底子要简单。