个人网站，先有内容，再选框架。

从你已经拥有的内容开始

开始搭建个人网站时，很容易先打开脚手架，比较框架和组件库。但一个网站真正需要承载什么，往往要等到填充内容时才显现出来。

先把已有的项目、文章和笔记放在一起。找出那些反复出现的主题，再决定哪些内容值得成为一个独立入口。导航由内容长出来，才不会留下许多空白栏目。

为不同内容设计不同的阅读方式

作品需要画面、过程与结果；文章需要安静的排版和清晰的层级；知识笔记则需要关联和检索。把它们塞进同一种卡片，再用同一种弹窗展示，容易让每一种内容都失去特点。

首页负责发现，列表负责筛选，详情负责理解。先把这三个任务分清楚，视觉设计才有明确的目标。

把技术选择放回实际需求

如果内容以文字和图片为主，静态页面就可以做得很好。交互原型可以在浏览器运行，而不必为了一个配色器引入完整的后端。

选择你能持续维护的工具。在需要的时候增加能力，比提前安装所有可能用到的功能更轻松。

设计一条可以持续更新的路径

每篇文章保留标题、摘要、日期和主题，每个作品记录问题、选择和实现。统一的数据结构，会让更新成为填充内容，而不是重新设计页面。

网站不需要一次完成。让第一版足够清晰、可以访问、便于维护，然后用真实内容不断修正它。