在构建博客的时候,我在 Hexo 的官方网站上搜寻过很多的主题,结果不是特效繁多,就是功能欠缺。唯一能入我法眼的,就是 Anatole 主题。它简洁美观,具有响应式设计,漂亮的不像实力派。

但是它似乎变得不太符合这个时代:没有标签、没有搜索、没有方便引导的文章目录,更没有大势所趋的夜间模式…,它的开发已经在 2018 年陷入停滞,另一个主流的 fork hexo-theme-Anatole-Core 增加了一些不必要的功能,所以我也只能自己动手,丰衣足食,走上了魔改的道路。

我个人 fork 的版本位于我的 Github marcosteam/hexo-theme-Anatole

以下是我进行魔改的记录:

11 月 22 日:第一次的功能性添加

这是第一个魔改功能添加的时刻。值得写点什么庆祝一下。

首先,标题下方添加了字数统计,方便各位读者估算自己阅读的时间。

其次,对于文章,菜单栏右上角额外添加了目录功能,点击即可快速抵达文章的位置。

最后,也是最重要的,深色模式。

这个暗色模式还只是初版,你也可以看到下面还有一些移植时留下的分割线没有修改样式。为了方便调试,网站现在的主题仍然处在暗色模式,一个星期左右的时间就可以开放深色与浅色模式的相互切换按钮。

我是如何实现的?欢迎参考 为网站添加用户友好的深色模式支持

(其实按理来说我都不想为 Chromium 低于 75 的辣鸡国产浏览器用户提供支持…嘛,算了。

就是这样,一个星期后我会带来第二次的 anatole-mod 更新报告。

12 月 8 日:漫长搜索路

没想到这一次的更新日志竟然迟来的这么久……

没办法,maimai DX 太香了(逃

总之,Anatole 主题终于有了属于自己的主题搜索功能,而且是全本地实现的!芜湖!

特别鸣谢 糖菓·部落 的搜索算法!具体实现可直接参考 优雅地构建Hexo本地搜索引擎

12 月 9 日:归档里的小目录与后期规划

这应该是稳定版 Antole 主题发布前最后的一个小甜点。

原来的设计是,在上面的导航栏再加一个小菜单,但是考虑到手机用户的体验感受,非必要的菜单还是不用加了。

最后,我选择了把它放在 Archive 归档页面,每个分类以按钮的形式呈现。既然 Anatole 的初衷是简洁,那么越少新的 CSS 越好。直接复用按钮不香吗?

完成这个 Commit 以后,回头看看整个魔改记录,我其实做的也不多:一个搜索、一个文章 TOC 、深色模式、目录查看。而自从这个魔改项目开始已经过去了大概一个月。我到底是被 maimai DX 迷惑的有多深啊……等到后面自学 Go 估计又是三个月憋不出个东西……啊啊真是个废物(

那么,这套主题接下来就应该转入维护期了。如果你有新奇大胆的想法,在不破坏原有主题的简洁风格的前提下,欢迎各位继续为它添砖加瓦。维护期里,主要解决一些小小的瑕疵,大概一个月一更(也许吧,视这个人的 DX rating什么时候拿到8000):

  • 手机版页面下,部分组件的页面布局十分混乱,仍然急需修复。

    这是搜索页面

    这是正文页面,两个导航栏按钮竟然都排位错乱了...

  • i18n 多国语言化支持(其实只有英语)。

  • 继续优化 CSS ,将两个 CSS 合并成一个,完善夜间模式切换开关。

  • 为跑分进行进一步的优化,也许上个懒加载(视情况可能会成为我独享的 Moment)。

那么,Release 1.0 什么时候来呢?也许是上述这些小瑕疵解决的时候吧。