在构建博客的时候,我在 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 什么时候来呢?也许是上述这些小瑕疵解决的时候吧。