wupeihan06.com 简洁模式

02-02 / making

把个人网站做成一片可以进入的银河

它从一个小网页开始,经过 mood board、原型、上线、内容树、HomeRooms 和水中银河,最后变成我用来证明“能把想法做成东西”的现场。

这不是一份简历的外壳。它更像一段不断剪辑的制作纪录片:每一次改版都留下一个镜头,每一个镜头都回答同一个问题——怎样让一个人被看见,而不是被归类。

制作胶片

这条线怎么长出来

时间不是版本号的堆叠,而是主题越来越清楚:从“我有什么”到“我如何被理解”。

  1. 00

    小网页

    先有一个能打开的深蓝预览页:田野、造物、创想、书架四个入口已经出现,口号也是“走着,听着,写着”。

  2. 01

    主题确认

    在 mood board 里定下边界:细腻、沉静、能造物;借黄昏钴蓝与焰光质感,但不做冷简历,也不复制任何人的童话感。

  3. 02

    首页原型

    Claude Design 把“我的记述”、Cover Flow、子午线导航和日没渐变做成第一版可看的视觉标准。

  4. 03

    Astro 上线

    原型被拆进 Astro,三语、CMS、本地后台、OSS 和 wupeihan06.com 接上;网站第一次从文件变成真实地址。

  5. 04

    内容树

    四条线不够用,于是长成 node tree:有孩子就是目录,没有孩子就是文章,田野和造物都能一直往深处生长。

  6. 05

    HomeRooms

    入口从线性滚动变成四个房间。访客不再沿一根子午线读下去,而是进入一个可以选择方向的宇宙。

  7. 06

    水中银河

    首页银河变成主舞台:水纹、点线面、三维星盘、离子转场、封面流和开场动画一起服务导航。

  8. 07

    生态连接

    日本田野地图、Akari、建设中页、AI/SEO、InkBoard 与网关开始接入;网站不再只是页面,而是长期运转的工作台。

current cut

现在它是什么

一个三语 Astro 静态站;一棵任意深度的内容树;一片用水纹、点线面和三维星盘组成的首页银河;一张能钻进去的日本田野地图;一个带 Akari、WIP、AI 友好结构和本地后台的长期系统。

Field

田野不是内容分类,而是方法:真实地点、真实访问、真实材料。

Making

造物不是炫技,而是证据:把抽象感觉落实成可用系统。

Archive

archive 不是仓库,而是慢慢生长的记述。

scene index

继续拆开看

下面这些子页是这件造物被拆开的截面:银河、转场、地图、三语和初版。