去年 8 月份，我对自己的主页做了一次大改版，写下了一篇心路历程：我的新版主页设计。
如果将最早的版本定义为 1.0，那么上次改版后便是 2.0。这几天我又对主页做了一些变更，我想是时候将其定义为 3.0 了。
我又开始用 Notion 发 Telegram 了
我有一个 Telegram 频道，从 19 年 7 月“运营”至今。起初只是随手丢一些好玩的链接，后来开始发一些自己的胡言乱语，再后来 Notion 出了官方 API 后又手搓了个从 Notion 抓内容然后推送到 Telegram 的小玩具 no2tg，再再后来，再再后来就累了，变成了万年不更的“朋友圈”。
如今 Telegram 越来越不好用，除了解决生理需求而浏览 NSFW 内容，我打开 Telegram 的次数越来越少，频道的更新频率也越来越低。但目前市面上似乎并没有更好的平台去承载我的碎片化叙事（好吧，就是沉没成本太高）。当手机里 Notion 这款笔记软件的「日活」超越了 Telegram 时，我想是时候重新考虑用 Notion 发布 Telegram 了。
我用 AI 编写了 no2tg 的革新版本，取名 no2tg2，依旧是从 Notion 某一个数据库中取页面，并把内容发布到 Telegram。
更重要的是，我为网站加了一个新的页面 贼歪说 来承载这些零碎内容，你可以在网页端以时间线的形式浏览这些内容。举个不恰当的例子，目前的 Telegram 频道变成了一种 RSS。
家里的电脑跑了两个定时任务，每隔 10 分钟检查 Notion 页面的更新并发布到 Telegram，以及每天晚上 9 点重新部署主页，所以你可以实时在 Telegram 中收到更新，以及最晚次日在网页端看到昨日的更新。
暗色模式
是的，我终于为网站加上了暗色模式。
添加暗色模式并不复杂，我只是懒。好在我此前的代码写得比较规矩，现在用 AI 统一提取了 color token，又参考主流的 dark theme 填充了几套，最终选定了当前的样式。
希望这个改动能让你我在凌晨时分的眼睛稍微舒服一些。
新的文章分类和菜单栏
此前，点击首页的「文章」，将会直接跳转到「日常」分类，如果想要查看编程相关的文章，需要点击右上角菜单里的「编程」。
但我最近决定添加一个新的分类，暂且叫做「迷津」。我经常做梦，偶有极度精彩的梦境会让我想要将其记录下来。但梦这个东西，一定伴随着记忆的失真和宇宙定律的重建，「蒸汽火车可以在大气层中行驶不就如同人被杀就会死一样是真理吗」这样的情节层出不穷。于是当我落笔时就会发现，不对，我需要给这个梦补设定，补着补着就变成了一篇类似小说的东西。所以，我写下的究竟是「虚构叙事，又或是南柯一梦？」。
总之，因为新分类的加入，如果维持原有的分类平铺布局，那么就会出现：
【日常】【编程】【迷津】【归档】【标签】
这五个菜单项，太多了，在移动端下显得十分拥挤（我极度抗拒添加面包屑导航栏）。再加上从首页点击文章直接跳转到日常分类从逻辑上讲并不通顺，因此我加入了能够显示所有类别文章的、符合语义的「文章」页。现在，你可以在 /blog 路径下看到所有文章了，发布时间右侧也会显示该文章所属的分类。右上角则简化为了：
【文章】【栏目】【归档】
三个菜单项，栏目中列出了所有的分类和标签。
归档页面按照年份分组了
归档页面按照年份分组了，可以一眼看出哪一年比较闲（bushi）。
还有一个小修改是去掉了时间戳里的年份，以前是 Feb 12, 2026，现在只会显示 Feb 12。毕竟分组标题里已经有了年份，那么末尾就不应该再出现一次重复的年份。
图片可以点击放大了
引入了 yet-another-react-lightbox 库，实现了图片点击放大的功能。
这个功能在 2.0 没做还真不是因为懒，而是我希望网站在功能上也尽可能极简。如果真的想要放大查看某张图片，右键点击在新标签页打开也不是什么很大的负担。
但新的贼歪说页面就不同了，这是一个典型的 Timeline 布局，如果发表的图片过长，会导致一屏内的内容密度过低，甚至需要滚动屏幕才能看全图片，因此我给图片添加了 max-height 的限制，这又会导致图片不可避免得被裁剪。所以在 3.0 我添加了这个功能，目前网站上所有图片都能够点击放大了。
代码优化 & SSG
从架构角度进行了相当大的调整，抽象了一个从 Notion 获取内容的中间层，后续再扩展新数据库就方便多了（不过短期内应该没这个计划了）。连带着作为 CMS 的 Notion 数据库也拆成了三个，分别负责页面、博客文章、贼歪说的内容维护。
另一个重大优化是完全迁移到了 Next.js 的 SSG 构建方式，如此一来性能和访问速度会更好，也可以彻底摆脱 Vercel 平台了，虽然现在依旧在使用 Vercel 托管。
最后，再谈谈设计
在 2.0 启动之初，我提出了三个关键字：极简，秩序，阅读体验。我在本子上绘制了大大小小的线框图，接着一点点删掉多余的元素，过程中我不断地询问自己：这个字节是有必要的吗？这个动画是有必要的吗？这个颜色是有必要的吗？这个分割线是有必要的吗？最终呈现的效果的效果就是现在这样，白纸黑字。
而今天，我想再补充另一个关键词，便是「安静」。
作为一个前端工程师，从工作至今配合得最多的同事大概就是形形色色的 UI 设计师，有人美心善腿巨长的设计师，也有天生脑残但恰好会用一点 Photoshop 的设计师。但不管画图的人怎么样，不得不承认国内的审美缺失已经是一个社会性灾难了。大部分图光是看起来就吵的我脑袋疼，不亚于坐在高铁二等座 B 座位，左边是个刚上小学又多动症的北京小孩，右边是个上车就磕着瓜子打电话的北京老大妈。
我希望我的网站是安静的，不喧嚣的，是简洁而不失条理的。3.0 在风格上没有任何变化，我想不管这个网站如何演进，未来也一定会沿着这条道路走下去。