你现在看到的这个网站，是我——一个不会写代码的人——和 AI 搭档，用几天时间从零搭出来的。总花费：域名约 10 美元一年，其余全部免费。这篇文章把整个流程复盘一遍：每一步做什么、用什么工具、坑在哪里。照着走，你也能拥有一个完全属于自己的内容网站。
第 0 步：想清楚再动手
动手前我只想清楚了三件事：做什么（投资 + AI 的中文知识库）、参考谁（找了几个我长期关注的内容站，研究它们的栏目结构和更新节奏）、将来怎么赚钱（文章过 200 篇后开付费订阅）。
事后看这一步最值钱。定位清楚，后面所有技术选择都有了判断标准——比如"内容必须是我自己的文件，不能锁死在任何平台里"，这一条直接决定了整个技术路线。
第 1 步：申请域名（工具：Cloudflare）
域名是整个网站唯一要花钱的东西。我在 Cloudflare 注册了 mindcapitalai.com，它按成本价卖域名、不玩"首年便宜续费翻倍"的套路，而且注册即送全球顶级的 DNS 解析服务。
踩坑提醒：注册完请立刻核对拼写。我最初口头说的域名和实际注册的差了一个字母（capital 和 kapital），AI 帮我查 whois 记录才发现——差点对着一个不存在的域名配置半天。
第 2 步：技术选型（工具：Next.js + Claude Code）
这是最影响后续体验的一步。我的需求：不依赖数据库、免费托管、文章就是文件、以后能加付费墙。答案是静态网站：用 Next.js 框架把 Markdown 文章在发布时直接生成网页。好处立竿见影——
- 快：页面是提前生成好的，全球访问都是毫秒级；
- 安全：没有数据库、没有登录后台，黑客无处下手；
- 免费：静态文件托管几乎不消耗资源，免费额度根本用不完；
- 内容永远是你的：每篇文章就是电脑里的一个文本文件。
写代码的活全部交给 Claude Code（我用的 AI 编程助手）：我用中文说需求——"左边加个栏目树"、"文章多了要能翻页"、"做个系列合集功能"——它负责写代码、测试、部署。整个网站几十项功能，我自己没写过一行代码。
第 3 步：代码托管（工具：GitHub）
所有代码和文章放在 GitHub 的私有仓库里（免费，外人看不到）。它在这个体系里扮演两个角色：
- 保险柜：文章的每一个历史版本都在，电脑丢了内容也丢不了；
- 发布开关：每次向仓库提交更新，就自动触发网站重新发布。
第 4 步：部署上线（工具：Vercel）
Vercel 负责把 GitHub 里的代码变成全世界能访问的网站。配置过程只有三下：用 GitHub 账号登录 → 导入仓库 → 点 Deploy。之后它就一直守着你的仓库，每次更新自动重新构建发布，一两分钟生效，全程无人值守。个人用免费档完全够用。
第 5 步：域名解析（工具：Cloudflare DNS）
把域名指向 Vercel：在 Cloudflare 的 DNS 页面加两条记录（一条 A 记录指向 Vercel 的 IP，一条 CNAME 给 www），注意把 Cloudflare 的橙色云朵代理关成"仅 DNS"，否则会和 Vercel 的证书打架——这是新手最常撞的一堵墙。几分钟后，输入域名就能看到自己的网站了。
第 6 步：内容后台（工具：Pages CMS）
网站上线只是骨架，还得能方便地发文章。我给自己立了条规矩：哪天 AI 用不了，我也必须能独立发文。方案是 Pages CMS——一个免费开源的网页后台：仓库里放一个配置文件，然后用 GitHub 账号登录它的官网，就有了填表单式的发文界面（标题、栏目、标签、封面、正文），点保存自动提交发布，全程不碰代码。
它同样不锁内容：哪天它倒闭了，我还能在 GitHub 网页上直接建文件发文——发布能力永远有兜底。
第 7 步：增长基建（工具：Search Console、Vercel Analytics、Substack）
内容站的三条命脉，各配一个免费工具：
- 让 Google 找到你：网站自动生成 sitemap 和 RSS，然后到 Google Search Console 验证域名、提交 sitemap——之后还能看到读者搜什么词找到你；
- 知道读者从哪来：Vercel Analytics 一键开启，访客数、热门文章、流量来源一目了然，不用 Cookie 弹窗；
- 留住读者：Substack 做邮件订阅（无限订阅者免费），网站里嵌一个订阅框，读者留下邮箱，以后每篇新文章都能触达——这是将来付费订阅的种子名单。
第 8 步：按需进化
剩下的功能都是用一段时间、发现需求后再加的：中英双语、二级栏目树、系列合集（把 18 篇的教程折叠成一张卡片）、站内搜索、标签系统、手机端菜单、社交分享卡片、复制自动带出处……不要试图第一天就把网站做完美——先上线，让真实的使用暴露真实的需求。
三条最重要的经验
- 一切选择都围绕"内容自主权"：文章是本地文件、仓库是自己的、订阅名单可导出、后台可替换——任何一个环节倒了，搬家成本都接近零；
- 把流程写成文档：我让 AI 把日常操作和网站结构写成了两份中文手册存在仓库里，哪天没有 AI、甚至换一个开发者，照着文档都能接手；
- 给所有账号开两步验证：整个体系里唯一值得攻击的就是你的账号，GitHub、Google、Cloudflare 全部开 2FA，十分钟换一个安心。
工具清单
| 工具 | 用途 | 网址 | 费用 |
|---|---|---|---|
| Cloudflare | 域名注册 + DNS 解析 | cloudflare.com | 域名约 $10/年 |
| Next.js | 网站框架（静态生成） | nextjs.org | 免费开源 |
| Claude Code | AI 编程助手，代码全包 | claude.com/claude-code | 订阅制 |
| GitHub | 代码与文章托管、版本备份 | github.com | 免费（私有仓库） |
| Vercel | 自动部署与全球托管 | vercel.com | 免费档够用 |
| Pages CMS | 网页版发文后台 | pagescms.org | 免费开源 |
| Google Search Console | 搜索收录与关键词数据 | search.google.com/search-console | 免费 |
| Vercel Analytics | 访问统计 | vercel.com（项目内开启） | 免费档够用 |
| Substack | 邮件订阅 | substack.com | 免费 |
总成本：约 10 美元/年 + 你的时间。 十年前这套东西要雇一个开发团队；今天，一个想清楚了要做什么的普通人，加一个 AI，几天就够了。剩下的——也是最难的——是把内容一篇一篇写出来。这个网站本身，就是这句话的证据。
本文不构成任何投资建议。建站过程中的具体问题，欢迎通过关于页的联系方式交流。
— 金豆
