Rain Lab 个人网站

为什么要做这个网站

大一开始系统学习编程后，一直想有一个属于自己的在线空间。不是 Notion 那种笔记工具，也不是 Hashnode 那种博客平台——我想要一个真正属于自己的地方，从代码到设计都由自己掌控。

最初什么都不会，连 HTML 的 div 和 span 都分不清。但正是这种”不会”驱动了持续学习的动力。每学会一个新东西，就在网站上实践。

技术选型

• Astro 6 — 第一眼看中的是”默认零 JavaScript”，很适合做内容为主的个人网站
• Tailwind CSS v4 — CSS 优先的配置方式，随手写就能立刻看到效果
• MDX — 在 Markdown 里写内容，还能嵌入组件，写文章很方便
• React 19 — 只在需要交互的地方用（导航菜单、背景选择器），其他地方都是纯 HTML

设计方向的多次迭代

这个过程远比想象中坎坷。最初做了一版深色科技风——黑背景 + 紫蓝渐变 + 玻璃拟态。当时觉得”很酷”，但自己读了几分钟后眼睛就酸了。

后来偶然看到 Claude 的界面设计，那种暖色、安静、克制的风格一下子击中了我。于是全部推翻重来：米黄色背景、Georgia 衬线字体、陶土橙色强调、大量留白。

从黑科技风到暖色极简的转变，让我真正理解了”设计是服务于内容”这句话。

现在的状态

网站已经从单页扩展到了 12 个页面，包含了项目、文章、学习路线和实验室。部署在 Cloudflare Pages，域名是 rain-lab.com。

下一步计划：

• 持续更新学习笔记和文章
• 完成算法可视化工具的开发
• 探索 AI 辅助学习的可能性

学到的

这个项目教会我的不仅是写代码，更是”完成一件事情”的能力。从最初的 npm init 到最终部署上线，中间经历了无数次 build 报错、样式崩坏、布局错乱。但这些问题一个个解决后，回头看，每一步都是成长。