从一个想法，到自己的个人网站

今天，我终于开始搭建自己的个人网站。

最开始，我的要求其实很简单：“我想建立一个个人网页，你看是否可以用 Figma 给我画个设计图？”那时，我对它的描述还是“个人博客＋生活记录”。至于网站应该长什么样、哪些内容最重要，我并没有完全想清楚。

这个网站，就是从这样一句并不精确的话开始的。

先把一个模糊的想法放到眼前，才知道自己真正想要什么。

01 / 先找到这个网站的重心

第一轮设计出来后，我的直觉是：还不够像我想要的那个网站。

我说它“不太高级”，但继续往下想，问题其实不只是配色或者某个元素好不好看。一个以生活记录为中心的网站，和一个用来分享个人想法、记录 AI 学习的网站，气质确实不同。

于是，我重新说清楚了重点：这里主要放我的想法，以及关于 AI 的学习和实践。

这次调整，比单纯更换一种颜色更有用。内容的重心明确之后，设计才有了可以判断的方向。我希望读者进来时，首先愿意停下来读一段文字，而不是被一堆装饰吸引着到处跳转。

02 / 看到不同的方向，才做得出选择

接下来，我让 AI 先做几个高保真的方案，而不是立即把第一版继续往下堆。

最后，我选了第三个方向：深色背景、克制的黄绿色点缀、较轻的字重，以及一张有金属褶皱质感的主视觉。它有一点技术感，但又给文字留下了足够的空间。

现在首页上的这句话，也成了整个网站的表达：

思考，发生在答案之外。

我喜欢这句话，是因为它和我学习 AI 时想保留的东西很接近。工具可以帮我生成很多答案，但理解一个问题、做出选择，以及决定什么值得记录，仍然需要我自己参与。

这一天的设计过程也是这样。AI 提供了可见的选项，我通过比较和反馈，慢慢明确了自己的判断。

03 / 一个首页，还不是一个完整的网站

选定首页之后，我又发现了一件事：只有一个好看的首页还不够。

文章点进去是什么样？长文有没有合适的阅读宽度？手机上会不会太挤？AI 学习笔记和实验记录，是不是也应该有自己的结构？

所以我继续提出要求：“文章页没有吗？我需要整个个人网站的完整设计图。”

这一步，把注意力从单张图片转向了一整段浏览体验。后来补齐了文章列表和详情、AI 笔记、实验室、关于页，以及搜索和异常状态；也做了对应的手机端设计。

整套设计包含 11 张桌面页面和 12 张手机页面及菜单。这里的数字不是最重要的，重要的是：我终于可以从读者的角度，沿着页面一步一步走下去了。

长文页尤其值得单独考虑。它需要比首页更安静：收窄的正文、宽松的行距、可以跳转的目录，以及清楚的标题层次。读文章是一段需要专注的时间，设计应该帮这件事发生。

04 / 从设计图走到真实网页

设计做到一半时，Figma 的 MCP 操作额度用完了。我让 AI 改为直接操作已经打开的 Chrome，继续把页面和原型补齐。

这件小插曲让我意识到：目标是把事情做完，具体使用哪条操作路径，可以根据实际情况调整。

但设计图完成之后，还有另一段工作。页面需要变成真正的代码：导航要能跳转，搜索要能找到内容，手机菜单要能打开，文章地址也应该可以直接分享。

这个网站采用静态生成的方式：文章以 Markdown 保存，在构建时生成 HTML 页面。对目前这个以阅读为主的个人网站来说，这样的结构足够直接，也方便之后继续添加内容。

我希望把主要精力放在写作上，而不是让网站本身变成一个永远做不完的工程。先把阅读、分类、搜索和移动端体验做好，就是一个值得完成的起点。

05 / 让网站拥有自己的地址

接下来是部署。我已经有阿里云服务器和域名，因此选择沿用这些资源，让这个笔记本拥有自己的地址。

上线不只是把一份文件传上去。还需要确认站点如何提供页面、域名如何找到服务器、HTTPS 是否正常，以及已有服务会不会受到影响。

我把这部分操作也交给 AI 协助，自己保留对目标和结果的判断。对我来说，最后的检验很具体：打开网站，读完一篇文章，再从手机上走一遍同样的过程。

06 / 今天真正留下来的东西

回头看，今天最有意思的部分，不是 AI 一次就给出了完美结果。恰恰相反，过程里有不满意，有重新描述，有补充遗漏，也有根据现实条件调整方法。

我逐渐发现，让 AI 协助完成一件事，并不意味着我可以不用思考。它更像是把“想法变成可见结果”的距离缩短了，让我能更快地看见问题，也更具体地表达判断。

这次建站，我想记住三件事：

• 先说清楚自己要表达什么。 风格是为内容服务的，模糊的目标很难靠装饰补回来。
• 用可以看到、可以点击的结果来讨论。 具体的页面，往往比抽象的形容词更能帮助做决定。
• 把一个小闭环真正完成。 从想法到设计，再到一个可以阅读的网站，比继续增加功能更重要。

这也是为什么，我决定让网站的第一篇文章，就记录它自己的诞生过程。

这里还很新，内容也不多。但从今天开始，关于 AI、学习和生活的那些想法，终于有了一个可以慢慢积累的地方。

先留下这一篇。然后，继续保持好奇。