最近在折腾博客配色。起因是某天突然觉得之前的蓝色背景看腻了,就跟着 Claude 的风格改成了暖米色,强调色也换成珊瑚橙。改完之后感觉不错,但我自己觉得太接近 Claude,加上我天天用,人也快变成 Claude 了。
于是把强调色换回蓝色,底色保留暖米——结果感觉怪怪的,暖黄底加蓝色强调,两个色调打架。最后干脆换成纯白底加 #1c6fcf 的蓝,反而清爽了很多。
顺手做了几件事:
一是把所有颜色都提成 CSS 变量,现在 hugo.toml 里改一行 colorScheme,整站配色立刻切换,以后再折腾不用到处找硬编码的色号了。
二是引用块改成从左到右的渐变背景,左边是蓝色,向右慢慢变透明,比之前纯色的方块好看一点。
三是导航栏加了高斯模糊效果,滚动时后面的内容透过来,有点像 iOS 的毛玻璃。
最有意思的是加了一个「往年今日」功能——打开任意一篇文章,如果过去某年的同一天也写了东西,就会自动出现在文章结尾,这是源于朋友纪遇的提醒。比如 2025 年 11 月 8 日写的《为整个宇宙写作》,底部就会显示 2024 年 11 月 8 日写的《自我重复》。完全自动,不用手动维护。
调试过程中还发现了一个 bug:Archives 页面一直是空白的,原来是我中午在 Obsidian 建了一个 Untitled.md,但没写好文章,Hugo 把它的 URL 解析成了 /blog/,把归档列表整个覆盖掉了。删掉那个文件,立刻恢复正常。
折腾了大半天,但现在的结构干净多了。