简介
给博客主题做了一轮更新，重点在阅读体验：字体加载更顺、文章页更宽更舒服、代码块加了工具栏、移动端也能看目录了。这篇记录下这次都改了哪些东西。
字体
之前霞鹜文楷和 Font Awesome 会被加载两次，页面加载完字体才切过来，首屏会闪一下。现在字体 CSS 直接在页面头部加载，不闪了，请求也少了一半。
文章页
- 正文宽度不再跟着屏幕无脑拉宽，最多 780px，大屏上读起来不累
- 右侧目录改成跟随滚动，长文章看目录不用翻回顶部
- 正文字号、行高、标题间距重新调过
移动端文章目录
之前小屏幕直接不显示目录，长技术文章找章节只能往下翻。现在标题下面多了一个 文章目录（N），点开才展开，不占地方。
代码块
代码块加了工具栏：
- 左上角显示语言（YAML、BASH 这些）
- 右上角复制按钮，点完会变成
已复制 - 超过 24 行的代码块可以折叠，按钮显示
收起 · 44 行这种 - 手机上代码块宽度拉满，横向滚动舒服很多
首页列表
首页文章列表做了一点小改动：标题前加了小圆点，行间有淡淡的虚线分隔，hover 标题会变橙。手机上日期挪到标题下面。整体还是简洁的列表。
上一篇 / 下一篇
文章底部、评论区前面加了上一篇和下一篇导航，带标题。没有上篇或下篇时自动隐藏，技术文章读着读着顺手点下一篇，不用再回首页找。
返回顶部
右下角加了返回顶部按钮，是一只小猫爪，滚过一段距离才出现，点击平滑回顶。
页面配色
颜色和圆角统一收成了 CSS 变量，集中在文件顶部。以后想微调配色只改一处就行，不用满文件搜 hex 颜色。
清理
顺手清理了一批旧代码：header 里注释掉的死代码、一个已经没人用的 JS 文件、引用错误字体的样式。
欢迎关注我的博客 www.bboy.app
Have Fun