Hexo Icarus 主题魔改记

退役后以来,高考的摧残使得老博客几万年没更新过了。

大一开始以后,本着记录知识点的需要,开了一个新的博客,从 Hugo 重新换回了 Hexo Icarus。

因为太懒了所以一整个大一 Blog 都是跑在本地的,现在把 Blog 放到 GitHub Pages 上面了。

但是放上来的时候手残把 Icarus 重装了,得重新魔改一下 Icarus,想着干脆直接开一个贴子记录一下。

布局

页面宽度

主题默认是三栏布局,在阅读文章时显得有些拥挤。可以通过配置的方式把所有文章变为两栏布局,在 _config.post.yml 把需要的 widget 显示在一边即可,可以参考官方文档。

但两栏整体宽度跟三栏不同,因此强制指定为三栏布局,并且修改相应的宽度,这样所有的页面侧边栏宽度保持一致。

diff

并优化在不同屏幕小大下的宽度

diff

文章时间信息

原来是显示相对时间,改为绝对时间,直接显示日期,并增加 icon

diff

目录粘性定位

原来只支持侧边栏整体粘性定位,为了阅读体验,只针对目录开启粘性定位,增加 column-left is-sticky 类,并调整样式。

diff

References

Author

TosakaUCW

Posted on

2024-05-31

Updated on

2024-06-09

Licensed under

Comments