我为什么从零构建 Rain Lab

我是一名大一学生。大概四个月前，我还不知道什么是 Astro，不知道 Tailwind CSS 是什么，甚至不知道该从哪开始写自己的网站。

为什么不用现成的

很多同学用 Notion 管理笔记，或者直接在 GitHub Pages 上套个 Jekyll 模板。这些方案都很成熟，但总觉得少了点什么。

我想自己动手。不是为了做一个多么酷炫的网站，而是因为我发现，学编程最快的方式就是做一个完整的项目。当你必须从零开始处理 HTML 标签、CSS 布局、文件路由、部署配置的时候，那些”看起来很简单”的东西会暴露出太多你不懂的地方。

选择技术栈的纠结

一开始想用 Next.js，因为听说它是”工业级”的。但深入了解后发现，Next.js 太重了——我的网站 90% 的内容是静态的，不需要服务端渲染。

后来发现了 Astro：默认输出纯 HTML，只在需要交互的地方加载 JavaScript。这个理念很适合个人网站——大部分内容是文字和图片，交互性的东西很少。

Tailwind CSS 是被同学推荐试试的。刚开始觉得把所有 class 堆在 HTML 里很丑，但写了几个组件后突然理解了——不用在 CSS 文件和 JSX 之间来回跳，修改一个颜色只需要改一个 CSS 变量的值。

设计方向的推翻

第一次做出来的页面，黑背景、紫蓝渐变、玻璃拟态、发光按钮——我以为这就是”科技感”。

放到手机上看了五秒钟——眼睛疼。

然后看到 Claude 的界面：暖白、安静、细边框、Georgia 字体、只有少量强调色。突然明白了”设计不是为了炫，是为了读”这句话。

全部推翻重来。米黄背景、柔和的阴影、衬线标题、等宽标签。做完后自己都觉得舒服了很多。

上线那一刻

部署到 Cloudflare Pages 是自己配的 GitHub + CI/CD。第一次 push 上去看到网站真正跑在自己的域名上（rain-lab.com），那种满足感无法形容——从一行空白的文件到能够被全世界访问的网站。

这不是一个完美的网站，但它是我自己从零做出来的。每改一行代码、每写一篇文章，都是学习路上的一个标记。