“好看的皮囊千篇一律，有趣的灵魂没有代码。” —— 这大概是我在折腾博客初期最真实的写照。

起缘：被“审美疲劳”劝退

作为一个想在这个数字世界留点痕迹的人，我也曾是个“折腾党”。

我试过 Hexo，摸过 Hugo。它们都是很棒的静态博客生成器，但总是卡在同一个环节：选主题。

逛遍了 GitHub 上的 Theme 列表，只有两种感觉：要么是十年前的“复古风”，要么是花里胡哨的“二次元风”。想找一个**极简、硬核、带有程序员浪漫（比如命令行风格）**的主题，简直比在 node_modules 里找一个轻量级依赖还难。

那时候我就在想：要是能自己写一个就好了。

但现实很骨感：我不是专业的前端切图仔。面对复杂的 CSS Grid 布局和 React 状态管理，我的大脑通常会报 404 Not Found。

直到 2025 年，AI 的时代彻底爆发。我突然意识到：如果我不需要亲手写代码，只需要做“产品经理”呢？

组建我的“复仇者联盟”

于是，我决定不再寻找现成的主题，而是从零开始，搭建这个博客。为此，我组建了一支全明星技术团队：

  • 架构师 (The Brain): Gemini。负责提供灵感、解决疑难杂症，以及在我对着报错发呆时给予温柔的抚慰。
  • 首席开发 (The Hands): Cursor。这个集成了 AI 的编辑器是真正的神器，我只需要敲 Ctrl+K 说人话，它就能帮我写出漂亮的代码。
  • 地基 (The Base): Astro。目前最快、最现代的静态网站框架，天生为内容而生。
  • 装修队 (The Style): Tailwind CSS。不用写痛苦的 CSS 文件，直接在 HTML 里堆积木。
  • 物流与安保 (The Ops): GitHub + Vercel。负责代码托管和全球自动部署。

过程：像搭积木一样写代码

整个开发过程，与其说是在“写代码”，不如说是在**“下魔咒”**。

1. 从一张白纸开始

我没有套用任何模板。直接 npm create astro@latest 选了一个空项目。面对空荡荡的文件夹，我打开 Cursor，对它说：

“给我整一个黑客风格的布局，背景要五彩斑斓的黑，左上角要有一个类似终端路径的面包屑导航。”

几秒钟后，代码生成，保存，浏览器刷新。Boom！ 那个我脑海中的画面，直接出现在了屏幕上。

2. 注入灵魂的微交互

为了让首页不那么死板，我想要一段自我介绍，且必须是打字机效果，就像我在终端里实时敲出来的一样。 以前这可能需要我去搜各种 JS 库，调试半天。现在？我只是告诉 Gemini：“帮我实现一个 React 打字机组件，光标要闪烁，要有极客感。”

它不仅给了我代码，还贴心地提醒我处理了光标的 CSS 动画。

3. 与 Bug 的遭遇战

当然，过程也不是一帆风顺的。 在适配深色模式 (Dark Mode) 时，我遇到了一个经典问题：代码高亮插件 (Shiki) 和 Tailwind 打架了，导致在亮色模式下，代码块像是一坨看不清的墨迹。

如果是我自己，估计要在那调 CSS 调一整晚。但我把报错甩给了 AI，它秒回了一段 astro.config.mjs 的双主题配置，外加几行 !important 的 CSS 修正。

刷新页面，完美解决。那种**“掌控雷电”**的感觉，真的会上瘾。

部署：现代开发的魔法

以前做网站，你要买服务器、装 Nginx、上传 FTP、配置 SSL 证书……听着就头大。

现在？ 我在终端里敲下了那三行让所有程序员心安的咒语：

git add .
git commit -m "Hello World"
git push