No. 10: 我折腾过的 Hexo 主题——Chic 二次开发记录

为了一个顺眼的博客主题,我改了配色、汉化了页面、自定义了样式——那些还在用力气折腾的时光。

2022/6/6

Hexo 博客 主题开发 前端

如果你也是 Hexo 用户,你应该也经历过这个阶段:每天都在找新主题,找到一个稍微顺眼的,就开始改。

Chic 主题是我那段时间用的最久的一个。原因很简单——它看起来干净,结构清晰。但我还是没忍住,动了手。

1️⃣ 下载和启用

Chic 是一个优雅的 Hexo 主题,GitHub 上有开源仓库。安装不复杂:

git clone https://github.com/Siricee/hexo-theme-Chic.git Chic

然后在 _config.yml 里把 theme 改成 Chic。跑 hexo s 就能看到效果。

2️⃣ 我都改了些什么

导航和首页信息。 我删掉了分类和标签页(当时我那博客没几篇文章,拆开更难看),只留下了归档和关于。首页描述写了一句我自己很喜欢的话——“我只想事情是它本来该有的那个样子”。到现在看依然觉得贴切。

配色。 我不喜欢默认的暗色背景,把深色模式的背景色改成更柔和的灰:

$dark-background-color = #363636

汉化。 Chic 默认有很多英文标签。我把文章页的”Author”改成”作者”、“Date”改成”日期”、“Categories”改成”分类”。还把底部的”back”、“home”都汉化了。看起来简单,不过要在 EJS 模板里找到对应的变量位置,一个一个改。

隐藏多余元素。 文章底部的标签和返回按钮被我注释掉了——那会儿觉得不需要,干净就好。

自定义样式。 给深色模式下的代码块、行号、引用加了自己的颜色配置。

3️⃣ 现在回头看

2022 年的我,还有耐心花一个周末去调整一个主题的 CSS 变量。不是在用博客,是在”折腾博客”——改主题、调配置、换字体。文章更新反而不是重点。

现在站已经迁移到了 Astro。新的主题是自己写的,用 Tailwind,CSS 变量集中在 global.css 里,改起来比当年 EJS + Stylus 舒服多了。但说实话,我有点怀念那个愿意花时间折腾的版本。 那时候对技术上瘾,精力也用不完。


折腾了一个又一个主题,最后发现最让自己满意的,往往不是主题本身——是折腾的过程里学到的东西。

现在这个站上的很多前端判断,比如对称、配色、间距、可读性——都是当年倒腾主题时积累下来的。