1

折腾一下博客

 1 year ago
source link: https://www.tony-bro.com/posts/583699138/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Tony's toy blog

折腾一下博客

2023-02-17|2023-02-17|非技术人生
1.1k|3分钟|32

日常逛别人博客的时候,感觉我这里还是差了点意思,尤其是文章内容页面,所以就想着是不是翻新一下,换个皮看着更舒服点。但是又怕麻烦,毕竟当初魔改博客主题花了不少时间,本来就不是搞前端的,现在看来当时的一些操作有点过于浪费时间,最后的效果也一般,属于吃力不讨好。又但是,这一但动了心思,就很难停下来,所以挑完主题后还是花了几个晚上,给这儿换了一套壳,最后在这里留下点记录。

原来的主题已经停更了,所以不打算更新沿用。和之前一样,怎么挑都不满意,看看觉着不错,但是某处地方又觉得不行,属实是选择困难,完美主义犯偏执病。最后挑了两个选项:icarusbutterfly,都是相当强力的主题,配置性很强,开发者也比较活跃。

我的核心思想是要简约但也别太平淡(既要又要),另外文章要有封面和简介,不然之前整的这些都白费了,迁移起来尽量能简单一点。其实一开始并没有把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/

my_blog_v1.PNG

V2:hexo-theme-skapp

my_blog_v2.PNG

V3:hexo-theme-butterfly

my_blog_v3.PNG

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK