这座档案室不是凭空搭起来的。它经历过一次系统的逆向研究、一份技术方案、以及五个版本的迭代。这篇期刊是第一期的第一篇，正好用来记录这个网站的来路——既是给访客看的建造日志，也是给未来的自己留的施工笔记。
一、研究阶段：先理解，再设计
动工之前，我们花了一天时间逆向研究了六个个人网站。方法不是「看哪个好看就抄哪个」，而是把每个网站拆成三层来分析：
- 可观察的事实——页面上能看到什么
- 设计意图的推断——它为什么这样做
- 可迁移的原则——换一个名字、换掉内容，它是否仍然成立
六个参考样本
| 网站 | 核心身份 | 我们取走了什么 |
|---|---|---|
| Edison Zhu | 极简黑白编辑风作品集 | 物理动效：可甩的工牌、章节解锁、加载仪式感 |
| Binapp | 产品思维独立开发者 | 设计 token 纪律、单 accent 克制、60fps 预算自述 |
| Wingshe | 模板占位内容（无法验证内容层） | 结构分析有效，内容层放弃 |
| Margin | 个人知识操作系统 | 搜索/快捷键/终端隐喻；但否决了 Terminal 视觉方向 |
| MoeWah | 数字档案世界观 | 骨架：档案编号、元数据字段、Ledger 台账、END OF FILE |
| Linzy | 知识库博客（对照样本） | 反例：主题默认即上线，设计身份缺席的代价 |
三个关键判断
第一，风格必须有出处。 Edison 的黑白来自他「从临摹海报开始」的设计启蒙；MoeWah 的档案来自站长的档案职业。风格的方法可以学，结果不能抄——所以本站选择了档案隐喻，但把它转译成自己的语言：「生长的档案 / Living Archive」。
第二，内容决定架构。 Margin 因为要放 74 篇文章所以做了搜索和快捷键；MoeWah 因为要放多年档案所以做了子域和编号系统。内容形态不同，网站架构就该不同。
第三，最大的风险是「有风格无资产」。 六站所有「风格」之所以成立，背后都有真实的产品、几十篇文章或多年档案——风格是资产的利息，不是本金。这个判断决定了本站的开发顺序：先有结构，再填内容，最后才是打磨。
二、方案阶段：融合而不是模仿
研究结论收敛成一份技术方案，核心决策是：
- 骨架取自 MoeWah：档案编号、元数据字段、登记卡、台账、卷终页脚——但编号规则转译为自有格式（
2026-001/PRJ-001），不复制原站 - 手感取自 Edison：物理动效全站统一，由一份
springs.ts配置单一来源保证「同一只手」 - 严肃感的解法：放弃黑白，采用暖纸色系——米纸底
#FAF7F2+ 墨黑 + 朱砂橙#C2410C单 accent。朱砂 = 档案上的印章批注色，accent 本身延续档案隐喻而不是装饰
技术栈上有一个值得记录的取舍：参考的六个网站没有一个用 Next.js 和 Framer Motion，但我们还是选了它们——因为物理动效（拖拽 + 弹簧）用 FM 的 useMotionValue + useSpring 约 20KB 就能达到 Edison 手写 449KB 物理引擎的手感。工具的价值取决于你要什么，而不是参考站用什么。
三、迭代阶段：五个版本，五个问题
v1 —— 克制动效版
第一版实现了骨架：暖纸色系、档案卡、目次表、精选档案。动效刻意克制，只保留了打字机 Hero 和可甩的档案卡。
问题：物理动效太少了，没有「档案室」的手感。
v2 —— 物理交互增强版
按 Edison 的思路加了六项交互：装卷幕加载仪式、三卷档案叠（拖走卷一，卷二三会滞后跟随）、多语言问候生成器、光标标签、3D 倾斜卡、Konami 彩蛋。
问题：动效丰富起来了，但都是「锦上添花」，没有改变信息结构。
v3 —— 物理交互四连
这一版做了四个改变交互模式的动效：
- 卡组循环：用力甩出主卡，它会飞走，下一卷弹簧顶上——档案是抽不完的
- 铅字入场：Hero 巨名逐字符像铅活字一样被排进字版
- 邮戳收讫：/contact 提交表单时，一枚朱砂印章带 squash-and-stretch 砸下
- 陀螺仪档案堆：手机上倾斜设备，整叠卡跟随倾斜视差
问题：动效齐了，但整个档案室只有两个房间（首页和联系页），导航有一半是死链。
v4 —— 全局工具链
补齐了基础设施：右下角回到卷首按钮（带阅读进度环）、完整的 404 档案错误页、子页面主站链接一致化。
v5 —— 内容页落地（当前）
终于给档案室放进真档案：/about 登记卡（可翻转）、/projects 台账（真实项目入档）、/now 状态页、以及这一篇期刊所在的 /blog。
四、复盘：哪些判断被验证了
「先有结构，再填内容」是对的。 v1-v4 的所有架构工作，让 v5 填内容时几乎不用返工——真实材料接入只改了一个数据文件。
「动效是锦上添花」需要修正。 回顾下来，真正改变体验的是 v3 的卡组循环和铅字入场——它们不是装饰，而是让「档案」这个隐喻变得可触摸。其余交互（彩蛋、倾斜、光标标签）是好的，但属于「有趣的加分项」，不是「核心体验」。
「风格是资产的利息」正在被验证。 本站目前的资产还很薄：1 篇文章、3 个项目、0 段真实经历。这座档案室最需要补的不是更多动效，而是持续的内容——每个月一篇期刊，编号递增，就是档案在生长的证据。
五、下一步
- MDX 内容引擎已经就位（这篇文章就是用它渲染的）
- /blog 将按期号持续归档
- /experience 章节解锁等待真实经历填充
- 内容积累到 30 篇后，评估引入搜索
档案室的第一原则：记录，是为了让未来的自己不必重新发明一切。