(Work)

本站

把一个复刻来的脚手架,逐层换装成自己的作品集。

portfolio-2026 主视觉示意
Intro

这个站点是它自己的第一个案例。

起点是一份对参照站的高保真复刻——用它把视觉与动效的还原精度练到逐像素可验证。但复刻只是脚手架,不是目的。真正的工作是在这套脚手架上,把信息架构、内容来源与创作流程整个换成自己的。

复刻阶段解决的是「怎么把肉眼判断换成可验证的数值」。所有尺寸从参照站实测取证并落库,改任何一个数值之前先查取证——这条规矩后来成了整个项目的裁决机制,也被写进了 Thinking 的文章里。

内容管线取代手改数据

复刻产出的是一份七千多处品牌串的巨型 JSON,机器生成、无法人工维护。换装的第一步就是把创作入口从这份 JSON 移出来:手写 Markdown 源文件,经编译器产出运行时数据,内容层从此禁止手改。

编译器的职责是精确产出模板要求的数据形状。有意思的是同一个站里出现了两套正文协议——服务于爬虫数据的那套只能靠长度启发式猜测结构,而自己定义两端的那套用显式标记,零猜测。这个对照单独写成了一篇。

逐层换装而不是推倒重来

技术架构、视觉与动效全部保留,换掉的只有信息架构与内容。这样每一步都有可运行的中间态:内容管线跑通、论证层落地、导航切换、页脚更新——每一张任务票都能独立验收,而不是憋一个大爆炸式的重写。

代价是中间态会长期存在:新旧路由并存,新页面已是自有内容,旧页面还是复刻产物。这个代价是有意接受的,并写进了架构决策记录。

内容管线示意:手写 Markdown 编译为运行时数据
信息架构换装过程示意

界面切片

Credits:

设计与实现:Sorcerer Studio

决策记录:docs/adr/