Sparks
8 条
最近在折腾博客配色。起因是某天突然觉得之前的蓝色背景看腻了,就跟着 Claude 的风格改成了暖米色,强调色也换成珊瑚橙。改完之后感觉不错,但我自己觉得太接近 Claude,加上我天天用,人也快变成 Claude 了。
于是把强调色换回蓝色,底色保留暖米——结果感觉怪怪的,暖黄底加蓝色强调,两个色调打架。最后干脆换成纯白底加 #1c6fcf 的蓝,反而清爽了很多。
顺手做了几件事:
一是把所有颜色都提成 CSS 变量,现在 hugo.toml 里改一行 colorScheme,整站配色立刻切换,以后再折腾不用到处找硬编码的色号了。
二是引用块改成从左到右的渐变背景,左边是蓝色,向右慢慢变透明,比之前纯色的方块好看一点。
三是导航栏加了高斯模糊效果,滚动时后面的内容透过来,有点像 iOS 的毛玻璃。
最有意思的是加了一个「往年今日」功能——打开任意一篇文章,如果过去某年的同一天也写了东西,就会自动出现在文章结尾,这是源于朋友纪遇的提醒。比如 2025 年 11 月 8 日写的《为整个宇宙写作》,底部就会显示 2024 年 11 月 8 日写的《自我重复》。完全自动,不用手动维护。
调试过程中还发现了一个 bug:Archives 页面一直是空白的,原来是我中午在 Obsidian 建了一个 Untitled.md,但没写好文章,Hugo 把它的 URL 解析成了 /blog/,把归档列表整个覆盖掉了。删掉那个文件,立刻恢复正常。
折腾了大半天,但现在的结构干净多了。
早上天气很好,上班从地铁站出来看到的一个画面,让我的心狠狠地触动了一下。
斑马线前的人行道很宽,我先看到对面一个戴着白色遮阳帽的阿姨,推着轮椅,上面坐着一个花白短发的老奶奶,面容和煦。
转眼我右边有个人推着婴儿车走过,约莫时二十多岁的年轻人,染着一头绿发,脚步带风,推车里的小孩打量四周。
就在轮椅和婴儿车互相交错时,我注意到他们彼此看了一眼,老奶奶是平静,婴儿是好奇,这感觉难以言喻,然后年轻人快速推车向前。
最后,他们朝着相反的方向走,一个走向暮色更深处,一个等待自己的朝阳。
今天下班折腾博客,主要做了几件事:
- 给文章页添加浮动目录,屏幕够宽时会浮在右侧,滚动时高亮当前章节,没有二级标题的文章不显示;
- 把 About 从导航栏移到底部,保持导航栏精简,顺手把底部链接的样式也改了一下,稍微大一些;
- 导出 PDF 时的样式优化,会自动隐藏导航、目录、评论,只留正文,干净清爽(毕竟我之前也有打印机,知道导出为一份顺眼的 PDF 博客可太少了);
- 还把导航栏的太阳月亮图标换成了 SVG,之前在 Windows 网页端和手机上大小不一,强迫症很不舒服。
一边改一边发现新问题,改完一个又冒出一个,但整体下更满意了~
晚些又顺手调了 Sparks 的排版:头像和名字对齐、名字和日期垂直居中、正文和 header 之间留多一点呼吸空间,细节不起眼,但看着舒服多了。
周末根据ChatV的即刻,让我Claude Opus 4.6(折腾起来真是一把辛酸泪,Claude Code 几次装聋作哑,最后换成 Chat),写了一份这个世界的真相,非常有意思。
前面主要引用不少《人类简史》的观点,比如邓巴数,智人共建虚构现实,农业革命其实是骗局。后面又引申到权力是如何开始的,比如需要有人记账,后来用文字更精准,然后识字的人能制定规则并统治不认字的人,而汉谟拉比法典就是在维护顶层人群的利益。
但是光看的话肯定不行,我准备针对有意思的观点,做成卡片笔记。
记录一切灵感究竟有没有用?
过去我无比认同,后来 Sascha 给了新的视角:捕捉变得过于容易时,就让人觉得解决了真正的问题,最后导致收件箱满满当当;我们都认为「灵感是稀缺的」,因此尽可能捕捉,一个也不放过,但在信息过载的时代,素材已然饱和,而处理它们的时间和注意力才是真正稀缺的;因此做事时专心做事,脑海有想法不必第一时间记下来,它连着重要的念头,直到你坐在电脑前也能写下来。
早起更新了 Now,我真厉害,不说了,吃早餐去~
花了一下午把博客从头重新设计了一遍,感觉挺有成就感的,记录一下。
原来用的是 hugo-bearblog 主题,简洁是简洁,但总觉得不够「自己」。这次干脆从零写了一个新主题,叫 lmy。
改了什么:
- 配色换了。现在有两套——暖琥珀色和靛蓝色,改一行配置就能切换,现在用蓝色系,看起来冷峻点
- 导航栏只留头像 logo,右边几个链接加一个深色/浅色切换按钮,干净了很多
- 文章和评论之间的分割线删掉了,过渡自然一些
新增了什么:
- Essentials 页面:放精选文章,卡片式布局,日期固定在卡片底部
- Sparks:就是这里,微博式的碎碎念
- 首页重新设计:顶部简介 + 精选文章预览 + 最近7篇文章 + Sparks 预览,各区块标题右边直接跟「查看全部」,省空间
- 修改自定义 404 页面
- 加了
.gitignore,把之前乱跑的.DS_Store都清掉了
写到这里发现,做这件事最爽的部分不是「做完了」,而是每改一个细节、刷新页面看到变化的那一刻。页面是自己的,而我什么都不用干,只要指挥牛马 Claude 干活就行。
这是第一条碎碎念。用来写一些不成文章的话——灵感片段、读书摘抄、或者某个普通的下午突然想到的一句话。
界面参考了天才少女螺莉莉的 To→Witter,现在我也等于是拥有一个自己的微博了~