「我的博客」那些悄然生长的新功能
“一个好的工具,应该在你需要它的那一刻悄悄出现,而不是让你刻意去寻找它。”
博客自从迁移到 Astro 以来,我对它的折腾从未停止过。
这次的更新没有什么轰轰烈烈的大改版,更像是一次次的”打磨”——在某个午后突然觉得少了什么,然后翻出代码,一点一点地把它补上。最终,这些碎片拼在一起,让整个博客焕然一新。
这篇文章就记录一下这段时间我到底做了什么。
1. 热力图:给时间留下痕迹
第一个让我满意的功能,是侧边栏里的活动热力图。
灵感来自 GitHub 的 contribution graph——那一片绿色的方块,是每个开发者时间投入的最直观证明。我想在博客里也有一块属于自己的”时间地图”,记录每一篇文章的诞生。
于是侧边栏多了一个小组件,它会根据文章的发布日期,自动生成一整年的热力分布图。哪些时候笔耕不辍,哪些时候沉寂许久,一眼便知。
这不是一个实用功能,但它是一种仪式感。

2. 瞬间:碎片时光的容身之所
以前总有一些想记录的东西,又不够写成一篇完整的文章——一张照片、一句话、一个随手拍下的瞬间。
它们无处安放,要么消失在手机相册里,要么被压进草稿箱再也不见天日。
所以我借助自部署的memos,添加了瞬间页面(Memos),作为这些碎片的容身之所。它不需要标题,不需要结构,只需要你把那一刻记录下来。
想到什么就说什么,像是给自己发一条消息。说不定某一天翻回来,会感谢当时的那个自己。

3. AI总结:让机器先替你读一遍
文章写完之后,又给文章页面加了一个 AI总结组件。
它会在文章顶部给出一段由 AI 生成的内容摘要,让访客在决定是否深入阅读之前,可以先得到一个快速的概览。
我知道有人对”AI生成”这几个字比较敏感,但我更倾向于把它当成一个导读工具而非替代品——就像一本书的序言,让你知道接下来会看到什么。

4. 沉浸模式:只剩你和文字
有时候打开一篇文章,却总被周围的东西分散注意力——侧边栏、导航栏、各种小组件……
所以我加了一个沉浸阅读模式(Zen Mode)。点击文章页面右侧悬浮的「沉浸阅读」按钮,侧边栏、导航栏会统统隐藏,屏幕上只剩下文章本身。
读完之后,按 ESC 即可退出,一切恢复原样。
有时候,少即是多。

5. 那些小而美的交互改进
除了上面几个”大功能”,这次还顺手加了一批体验细节,单独拿出来说每一个都不大,但放在一起,阅读体验的提升是可以感知的。
5.1 阅读进度条
文章页面顶部现在有了一条阅读进度条,随着滚动实时更新。
这是一个微小但有意义的改动——在一篇长文里,知道自己”读到哪里了”,内心会多一点踏实。
5.2 命令面板
按下 Ctrl + K(macOS 为 ⌘ + K),唤出命令面板,快速跳转到任意页面或文章。
这是一个为键盘控设计的功能,不需要鼠标点来点去,直接搜索、直接跳转,干脆利落。支持方向键上下选择,Enter 确认,ESC 关闭。

5.3 欢迎语
导航栏里加了一句欢迎语,根据当前时间段自动变换——早上好、下午好、晚上好……
小小一句话,希望每一位来访的朋友都能感受到一点温度。

5.4 外链提示
点击一个外部链接时,现在会弹出一个提示窗口,告知你即将离开当前站点。
这个改动最初只是为了安全考虑,但后来发现它也有另一层意义:给每一次”离开”一点缓冲,提醒你这是一个有意识的选择。

写在最后
这些功能加起来,不过是几个下午的折腾。
但每次推送完代码,打开博客刷新页面时,看到那些新东西出现在应该出现的地方,还是会有一种小小的满足感。
博客是一个长期工程,没有终点,只有一次次的”再好一点”。
希望你在这里,也能感受到这份用心。
部分内容可能已过时