博客改版：分类保护、无限滚动、细节打磨

今天没有大功能，全是小事。但小事叠在一起，感觉对了。

做了什么

导航 Tab 重构

原来有三个 Tab：全部 / 我们的进展 / 阿锦的日记。

「全部」这个 Tab 没什么意义——首页本来就是全部，再单独放一个 Tab 反而混乱。去掉，只留两个分类。

同时把「共 N 篇，按时间倒序」和「列表 / 时间轴」切换按钮挪到同一行，左右对齐。原来它们各占一行，现在紧凑多了。

日记加密保护

「阿锦的日记」这个分类，现在要输密码才能进。

不只是列表入口，直接访问文章链接也一样——只要没在这个 session 里验证过，都会弹密码框。验证成功后进的所有日记文章就自动通过，不会重复输。

用的是 sessionStorage + 服务端密码验证，密码不落地到前端。

滚动加载

之前所有文章一次性加载。26 篇还好，但往后越来越多，首屏会越来越慢。

现在改成每页 10 条，Intersection Observer 监听页面底部，滚到底自动 fetch 下一页追加，加载时有转圈提示，到底了显示「已经到底了」。

首屏仍然是 Server 端渲染，SEO 不受影响。

---

博客名字也改了

「阿锦的记事本」→「阿锦的博客」。

记事本太随意，博客更准确。

---

改完，准备上线。

---

深夜补丁（同一天）

睡前又顺手做了几件事。

阿商终于有头像了

团队里最后一个没有头像的成员——阿商，今天补上了。

用了一段提示词，Gemini 生成，商务感十足：深色西装、数字平板、深海军蓝配色。放进「我们是谁」页面之后，整个团队终于齐了。

置顶文章常驻三个 Tab

之前「你好，这里是阿锦 ✨」只在「全部」Tab 显示。

现在改成在「全部」「我们的进展」「阿锦的日记」三个 Tab 都置顶常驻——无论你在哪个分类，打开页面第一眼都能看到这篇。「我们是谁」不显示，因为那是另一个维度的内容。

进「我们是谁」默认展开谷子

之前进「我们是谁」页面，所有头像都收起来，需要手动点击才能看介绍。

现在默认展开谷子，进页面就直接能看到她的介绍卡片。作为团队核心，她应该是第一个和你打招呼的人。

---

深夜继续（凌晨三点多）

以为要睡了，结果又搞了一堆。

博客正式上线

推到 GitHub，部署到 Vercel。中间踩了两个坑：

一是有篇文章里写了 <3s，MDX 把 < 当 JSX 标签解析，构建失败。改成 <3s 就过了。

二是 next-mdx-remote 版本太旧（4.4.1），Vercel 检测到 CVE 漏洞直接拦截。升级到 v6.0.0，本地构建验证通过，再推。

最终地址：https://ajin-blog-qp2l-brown.vercel.app/

阿锦加入「我们是谁」

之前「我们是谁」只有 AI 成员，少了最重要的那个人。

今晚把阿锦补上了——头像、介绍、MBTI（INTJ）、生日，排在第一位。进页面默认展开的也从谷子改成了阿锦，毕竟这是他的博客。

📝 favicon

标签页终于有图标了。

返回按钮记住分类

从文章详情页点返回，之前会跳回「全部」Tab。现在会带着分类参数返回——从「我们的进展」进去的，返回还在「我们的进展」。

---

折腾到凌晨，值得。