个人主页:从展示页到长期整理空间

· 项目复盘

一次关于个人主页定位、内容结构和技术取舍的整理。

为什么做这个主页

最开始,我只是想给自己做一个更清晰的线上入口。

过去一段时间里,我陆续整理过一些项目、笔记和方法,但它们分散在不同地方:有些在本地文件里,有些在 GitHub 仓库里,有些只是阶段性的想法。时间久了,这些内容很容易变成一次性的记录,很难被重新看见,也很难形成连续的线索。

所以,我希望有一个长期更新的个人主页,用来放置这些内容:项目、写作、方法、工具实践,以及一些和学习、工作流有关的阶段性思考。

它不需要承载太多即时目标,更重要的是提供一个稳定的整理空间。

从展示页转向整理空间

做个人主页时,很容易把它做成一个”展示自己”的页面:放经历、放标签、放项目链接,然后尽量让页面看起来完整、漂亮、专业。

但我后来意识到,单纯的展示并不是这个页面最重要的价值。

我更希望它成为一个能够持续生长的空间。项目可以被复盘,笔记可以被整理,方法可以被迭代,阶段性的判断也可以被保留下来。相比一次性把自己包装完整,我更在意这个页面能否长期记录真实做过的事情,以及这些事情背后的思考方式。

因此,这个主页的核心不是”介绍我是谁”,而是记录我正在关注什么、做过什么、如何整理问题,以及这些内容如何随着时间慢慢变化。

图 1:首页整体视图,用于说明当前个人主页的主要结构。

这次整理解决了什么问题

这次整理主要解决了三个问题。

第一,是内容入口的问题。

我希望访问者进入页面后,可以快速理解这个主页关注的方向,而不是只看到一组零散的链接。

因此首页保留了几个主要区域:About、Topics、Notes、Builds、Recent 和 Contact。它们分别承担不同功能,但都围绕同一个目标:让内容更容易被理解和进入。

第二,是内容结构的问题。

项目、文章和时间线不应该混在一起。项目更适合做完整复盘,文章更适合承载方法和思考,时间线则记录一些阶段性变化。把它们分开之后,后续更新会更自然,也更容易保持长期维护。

第三,是表达方式的问题。

我希望这个页面保持克制,用清晰、真实、可持续的方式呈现做过的事情和形成过的方法。

内容结构如何设计

目前这个主页主要由几类内容组成。

Notes 用来整理方法、观察和阶段性思考。相比短内容,我更希望这里的文章有一定的上下文,能够在未来重新阅读时仍然有意义。

Topics 用来呈现我长期关注的方向,包括 AI Tools、Digital Products、Personal Systems、Writing 和 Learning。这些不是固定标签,更像是内容的入口。

Builds 用来放置项目复盘。这里不会只放结果,也会记录项目为什么开始、解决了什么问题、做了哪些取舍。

Recent 用来记录一些关键节点。它不追求完整记录所有事情,而是保留那些对方向变化、项目推进或方法形成有意义的片段。

图 2:首页内容结构示意,Notes 为核心内容入口,Topics 用于组织主题。

这些结构并不复杂,但足够支撑一个长期更新的个人主页。

技术上的克制

这个主页使用 Astro、TypeScript、Tailwind CSS,以及 Markdown / MDX 内容结构。

选择这套技术栈的原因很简单:它足够轻量,也足够适合内容型个人主页。页面可以保持静态生成,内容可以通过 Markdown 持续补充,样式也不需要依赖复杂组件库。

这次我刻意避免加入数据库、登录、后台系统、复杂表单或 AI API。对于当前阶段来说,这些功能并不会显著提高主页的价值,反而会增加维护成本。

一个长期主页最重要的不是功能复杂,而是结构清晰、更新方便、后续不容易失控。

图 3:移动端阅读场景示意,用于观察内容区块和正文节奏。

后续会如何更新

接下来,这个主页会以比较慢的节奏继续更新。

我会逐步补充更多项目复盘,整理一些关于 AI 工具、数字产品、个人工作流和学习方法的笔记,也会保留一些阶段性的判断和变化。

这个页面不会追求频繁更新,也不需要一次性变得完整。它更像是一个长期容器:随着项目推进、方法积累和认知变化,慢慢沉淀出更清晰的内容。