分类 / 制作手记 / 2026.11.08
重新设计一个个人网站的内容结构
从内容层级、页面边界和可持续更新出发,整理一次个人网站重构中的关键决定。
个人网站很容易变成项目链接的集合:一张首页、几个卡片和一段简介,第一次打开看起来完整,过一段时间却很难继续更新。最近重做 SPACE 03 时,我先重新整理内容结构,再决定视觉语言。
先定义网站要回答的问题
访客通常只想快速知道三件事:你在做什么、做过什么、如何继续了解你。首页负责建立方向,项目页展示具体工作,文章页补充过程和判断,关于页说明合作方式。每个页面只承担一个主要任务,导航也更容易保持稳定。
让视觉服务于内容
星空背景是视觉识别的一部分,但它不能抢走正文的注意力。我把它作为持续存在的背景层,再用边框、细线和少量状态信息组织内容窗口。这样既保留了独特气质,也能让文章和项目在不同屏幕上清楚阅读。
把页面拆成可维护的模块
布局、导航、内容集合和图形背景各自负责一件事。Astro layout 负责共享结构,Markdown 内容驱动文章列表和详情页,WebGPU 场景独立管理生命周期。新增文章只需要添加一个文件,不需要修改首页模板。
设计可持续的发布流程
个人网站不应该依赖一次性的手工调整。文章有明确的元数据,项目有统一的状态和技术标签,页面路由保持稳定。每次发布都能通过类型检查、测试和静态构建确认结果,后续维护的成本会低很多。
留下下一次修改的入口
网站会持续变化。每个项目都应该能补充进展,每篇文章也可以链接到相关实践。它的价值不只在于展示当前状态,也在于让未来的自己可以快速接着工作。