花了一些时间更换博客的图标库

最近花了点时间,把博客主题里的图标库做了个大调整,具体是将原本使用的 Iconfont 图标库换成了 Font Awesome。
当前博客使用的主题是 fluid-dev/hexo-theme-fluid,这个主题简洁又大方,我个人挺喜欢的。

原本的 Iconfont 其实已经够用且好看了,但因为我平时更习惯使用 Font Awesome,所以决定折腾一下,把主题中的图标大致都替换了过来。

这里要感谢 Visual Studio Code 的搜索功能,帮我快速找出了所有与 Iconfont 相关的类名。我逐一匹配对应的 Font Awesome 图标,替换起来倒也算顺利?

不过,在替换的过程中也遇到了一些小问题,比如:

  • 文章底部的“上一章/下一章”:换完图标后,图标和文字的间距显得有点紧凑。为了美观,只能调整了一下 CSS。

  • 导航栏的主题切换按钮:作者的代码逻辑一时没看太懂,换图标的同时,我“顺手”精简了一些相关属性,结果意外删掉了一个功能……(大家有兴趣可以去看看切换主题的图标那里,我减少了什么?

这次更换图标库的折腾总体还是挺有成就感的(什
现在用的 Font Awesome 图标库,确实更符合我的喜好。不过,替换后还有一些样式需要进一步优化,CSS 和部分代码也稍作调整。

搞完这波,说实话有点累。233


花了一些时间更换博客的图标库
https://molikaihe.pages.dev/posts/b1538f15
作者
墨离
发布于
2024年12月15日
许可协议