三个小时，¥446，AI 给我搭了个能挂十年的小站

起点：为什么想搞个站

毕业一年，目前在锂电行业某公司 IT 部门，主要做运维相关的工作——内部系统维护、设备 / 产线 IT 支持、自动化脚本、数据对接、跨部门救火……大部分时间花在保障日常稳定运行上，事不大，但要求细心和落地能力。

工作一段时间后我有个一直没动手的念头：给自己留一个能挂十年的小站。理由有三个：

1. 写下来才真正是自己的 —— 工作里碰到的问题、踩过的坑、学到的东西，过手就忘；写出来才会沉淀
2. 长期看是差距 —— 同行那些有个人博客、GitHub 有作品的人，比起内容只在公司内网里的同行，技术呈现立体得多，几年下来差距很明显
3. 顺手练手 AI 编程 —— AI 编程是我下一步想认真学的事，搞站本身就是个项目

但有个客观问题：我前端不行，后端不深。让我自己手写 HTML+CSS+JS 折腾一周搞个站？没那个耐心也没那个能力。

这时我决定试试一个想法：全程让 AI 驱动。我只提需求和做决策，写代码、配环境、改 bug 全交给 Claude。

下面是流水账。

第一关：选什么框架

我直接问 AI：“给我推荐几个适合个人博客的现代静态站方案”，它做了一张对比表：

它推荐 Astro 的理由是：“Markdown 是一等公民，目录和组件边界清晰，AI 改起来非常顺。“——这一点很关键。既然我是 AI 驱动开发，那框架本身得”对 AI 友好”。

模板从 Astro 官方 themes 库 里挑，最终选了 Astrofy——它正好同时有作品集页、博客页、CV 页，结构对我的诉求最贴合。

第二关：买域名

域名是长期资产，10 年累积下来的权威度可能比内容本身更值钱。不能省。

后缀我犹豫过：

• .com 首年 ¥85，续费 ¥95/年
• .cn 首年 ¥38，续费 ¥42/年
• .xin 首年 ¥18，续费 ¥89/年

直觉先看到 .cn 便宜很多。但 AI 给我科普了几个关键点：

• .cn 域名实操中基本必须备案才能稳定访问，否则国内运营商可能干扰解析
• 备案要 20 天审核 + 公开个人信息，对个人站太重
• .com 走境外服务器（Cloudflare）不需要备案
• .xin 首年便宜是诱饵，续费一样贵

最终选了 .com，5 年一次性买了 ¥446，平均每年不到 ¥90。

第三关：推 GitHub 时的私钥惊魂

代码推 GitHub 时遇到了第一个真正的坑：GitHub 已经在 2021 年取消了”用账号密码 push 代码”，必须用 Personal Access Token 或 SSH key。

AI 帮我生成了 ed25519 SSH 密钥对，然后明确说：

私钥永远不离开你电脑。公钥贴到 GitHub。

我刚听完就把”私钥”理解成”需要保管好的秘密”，转手”妥善收藏”到了别处，把本机的删了。

下一秒 push 就失败了。

AI 用了个我觉得很妙的比喻：

公钥 = 你家门锁（贴在 GitHub 那边，让 GitHub 知道哪把钥匙能开）

私钥 = 你的钥匙（必须随身带在你电脑上，每次进门拿来开锁）

也就是说，私钥就该静静躺在 ~/.ssh/ 不动。可以额外备份到加密的密码管理器（Bitwarden 这种），但本机那份绝对不能删。

恢复完私钥，push 成功，代码上线 GitHub。

第四关：差点走错的 Cloudflare 流程

部署平台选了 Cloudflare Pages——免费、全球 CDN、自动 SSL、免备案。

但 Cloudflare 这两年在把 Pages 和 Workers 合并，新建项目时默认引导是 Workers 流程。我顺着默认点进去，配置表单里有个字段叫”部署命令”，预填了 npx wrangler deploy。

幸亏 AI 喊停了：

• Workers 是用来跑可编程后端（边缘函数）的
• 静态站走 Pages，不需要 wrangler deploy 这种命令
• 我的项目根本没有 wrangler.toml，按这个流程走必然失败

退回去找 Pages 入口——其实就在同一个菜单的另一个 Tab，但作为新手很容易直接点了默认那个。重新走流程：连 GitHub → 选仓库 → Build 配置里框架预设选 Astro → 加环境变量 NODE_VERSION=20（这是必填，否则 Cloudflare 默认用很老的 Node，Astro 4 跑不动）→ 部署。

2 分钟构建完成，临时地址 web-89c.pages.dev 上线了。

第五关：DNS 切换 + 两个中文坑

最后一步是把 gagafgaga.com 解析到 Cloudflare：

1. 阿里云”域名管理 → DNS 修改”里，把 NS 服务器从阿里云的 dns7.hichina.com 换成 Cloudflare 给的两个 xxx.ns.cloudflare.com
2. Cloudflare Pages 项目里”自定义域 → 添加 gagafgaga.com”
3. 等 10 分钟全球 DNS 生效

期间还碰了两个中文相关的坑，值得记下来给同样想搞中文博客的人参考：

• 给文章加了 tags: ["杂谈"] 这种中文标签 → @astrojs/sitemap 构建直接报错挂掉
• 模板里有个 createSlug 函数会把所有非英文字符清空，中文标题生成出来的 slug 是空字符串 → 路由直接报错

解决方案：

• 标签只用英文/拼音
• slug 走文件名而不是标题
• Astro 4 这个版本 sitemap 集成本身也有 bug，干脆移除（个人站不需要也能被搜索引擎正常索引）

最后

回头看，整个过程不到一天。实际投入：

最值得说的不是”AI 替我写了代码”，而是**“AI 替我做了大量决策辅助”**——选框架、选域名后缀、选认证方式、避开 Cloudflare 那个 Workers 陷阱、看穿 .cn 续费陷阱。这些事一个新手自己摸索要走很多弯路、犯很多没必要的错。