折腾一下博客
日常逛别人博客的时候,感觉我这里还是差了点意思,尤其是文章内容页面,所以就想着是不是翻新一下,换个皮看着更舒服点。但是又怕麻烦,毕竟当初魔改博客主题花了不少时间,本来就不是搞前端的,现在看来当时的一些操作有点过于浪费时间,最后的效果也一般,属于吃力不讨好。又但是,这一但动了心思,就很难停下来,所以挑完主题后还是花了几个晚上,给这儿换了一套壳,最后在这里留下点记录。
挑主题
原来的主题已经停更了,所以不打算更新沿用。和之前一样,怎么挑都不满意,看看觉着不错,但是某处地方又觉得不行,属实是选择困难,完美主义犯偏执病。最后挑了两个选项:icarus和butterfly,都是相当强力的主题,配置性很强,开发者也比较活跃。
我的核心思想是要简约但也别太平淡(既要又要),另外文章要有封面和简介,不然之前整的这些都白费了,迁移起来尽量能简单一点。其实一开始并没有把butterfly这个主题放在考虑范围之内,因为它的demo进去就是个大图,加上这个名字,让我觉得花里胡哨感拉满,直到我看到了某个魔改的博客:https://www.eacls.top/ ,让我觉得相当不错,随后对这个主题做了进一步的了解才发现它的优势,最后选择了它。
魔改
在魔改之前先是要处理hexo版本的问题,毕竟是快5年前搭起来的东西,hexo的版本还是3.8.0,再加上相关的nodejs,搞了半天验证可行后为了稳妥重新起了一套,而不是在原来的基础上升级再换主题。
基本上主要是参考https://www.eacls.top/ ,这个博客里正好还写了具体的魔改方法和效果,所以让我省事了很多,但是在细节的调整上还是不可避免的陷入一些死胡同,好在比之前好了很多,痛苦感要轻不少。具体的修改方法可以直接参考这两个博客的信息:https://www.eacls.top/ 、https://zfe.space/ ,我这里就简单列一列改的地方:
- 顶部图片高度调整:还是保留之前的图片,但是尽量减少了高度,不太希望一进来就是一张大图。
- 元数据信息文字加粗:包括博主名称、介绍、文章标题、文章顶部介绍信息等,突出下重点信息。
- 导航栏优化:说句实话我觉得原生主题的这个导航栏是真的和别的地方不太和谐,有点丑,去掉了icon并进行字体加粗。
- 圆角增大:原有圆角幅度增大,部分没有的加上圆角,显得更润一些。
- 文章目录样式优化:照搬过来的,觉得非常不错。
- 添加历史上的今天插件:很有意思的插件,增加一点生动性。
- 评论系统替换:本来还是打算继续使用Gitalk,但是发现评论丢失了,因为原来的主题对于文章id的计算和现在的这个主题不一样,并且是现在这个主题的计算方式更加合理,当时都没有注意过这个问题。再加上国内Github授权容易出问题,老是失败,速度也慢,并且原来也没多少评论,索性替换。相比公有外部服务,我更偏向私有自建,所以用Waline自建部署了一套,感觉还不错。
再加上杂七杂八各种各样的配置,总算是在几个晚上之后完工,整体上和之前还是同样的颜色风格,甚至和我最初完全自己搞的那一套有那么点像,说明我明显是一个怀旧派。
最后
折腾折腾还是挺有意思的,做事情有的时候不一定需要多大的意义,喜欢就好。
所以这个博客到如今一共有三版样式,不知道以后会不会继续折腾,贴在这里留个念。
V1:https://legacy.tony-bro.com/
V2:hexo-theme-skapp
V3:hexo-theme-butterfly