几天前，我还没有自己的网站。今天，我在自己的博客 satarcode.com 上写下这篇文章，而我唯一花的钱是域名费：第一年 12.28 美元。我不是职业程序员，而是一名热爱编程的法律从业者。所以这份指南完全按照我的亲身经历来写，包括踩过的坑和解决办法。
你需要准备什么
- 一个域名：别人用来访问你的网址。我是在 Namecheap 买的。
- 一个免费的 Cloudflare 账号：它负责管理域名、托管网站，并提供 SSL 和邮箱。
- 网站文件：现成的 HTML 页面，可以自己写，也可以用模板。
- 一到两个小时的时间。
第 1 步：购买域名并做好保护
我选了一个简短又能表达想法的名字：satar 在阿拉伯语里是“一行”的意思，因为每个程序都从一行代码开始。买完之后，我打开了两个重要选项：
- 自动续费（Auto-Renew）：万一忘了续费日期，也不会丢掉域名。
- 隐私保护（Domain Privacy）：让我的个人信息不出现在公开的域名记录里。
注意：低价通常只适用于第一年，续费会更贵。购买前先确认清楚。
第 2 步：把域名交给 Cloudflare 管理
我在 Cloudflare 账号里添加了域名，并选择了免费套餐。Cloudflare 列出了已有的记录：Namecheap 为它的“域名停放”页面和邮件转发服务自动添加了一些记录。我把它们全部删掉了，因为它们以后会和网站、邮箱发生冲突。
接着 Cloudflare 给了我两个名称服务器（Nameservers），我在 Namecheap 的 Custom DNS 里填了进去。我这边激活用了几个小时，最长可能需要 24 小时。
第 3 步：在 Cloudflare Pages 上免费托管网站
在 Workers & Pages 里，我选择了直接上传（拖放），给项目起了名字，然后把网站打包成 zip 文件上传。几秒钟后，网站就通过一个临时链接上线了。
我差点犯的错误：index.html 必须直接放在 zip 文件的最外层，而不是放在子文件夹里。如果上传的是文件夹套文件夹，你只会看到一个空白页面。
这种方式的上传限制：最多 1,000 个文件，每个文件最大 25 MB，对一个刚起步的博客来说绰绰有余。
第 4 步：连接域名并开启 SSL
在项目的 Custom domains 标签页里，我先添加了 satarcode.com，然后添加了 www.satarcode.com。第一个自动生效；第二个要求我添加一条指向项目的 CNAME 记录。几分钟后，两个域名都显示 Active，地址栏也出现了小锁：SSL 已经免费开启，我什么都不用做。
第 5 步：在自己的域名上免费使用专业邮箱
我想要一个像 hello@satarcode.com 这样的地址，而不是 Gmail 地址。借助 Cloudflare 的 Email Routing：
- 我为域名开启了这项服务，Cloudflare 自动添加了邮件相关记录。
- 我添加了自己的个人邮箱，并通过验证邮件完成确认。
- 我创建了
hello地址，把所有来信转发到个人邮箱。
注意：这种方式只能收信；如果想用同一个地址回信，还需要额外设置。
第 6 步：让 Google 认识你的网站
在 Google Search Console 里，我添加了域名，Google 提出可以通过 Cloudflare 自动验证，一分钟就完成了。然后我提交了列出全部页面的 sitemap.xml 文件，并申请收录首页和第一篇文章。出现在搜索结果里需要几天到几周时间，所以如果没有马上找到自己的网站，不用担心。
实际花费
| 项目 | 费用 |
|---|---|
| 域名（第一年，含隐私保护） | 12.28 美元 |
| Cloudflare Pages 托管 | 免费 |
| SSL 证书 | 免费 |
| 专业邮箱（收信） | 免费 |
| 合计 | 第一年 12.28 美元 |
我学到了什么
- 不要急着做设计。带来访客的是内容，外观以后可以慢慢改。
- 迁移域名时删除旧记录，大多数问题都出在它们身上。
- 点“确定”之前，先把每个页面看清楚。我差点犯的错误几乎都是因为着急。
- 我借助了 AI 工具来理解步骤、解决问题，这也正是我的建议：用它来理解，而不是不加理解地照抄。
总结
用自己的域名搭建博客，已经不需要程序员，也不需要大笔预算。花 12 美元和两个小时，今天就能开始。如果在哪一步卡住了，可以写信到 hello@satarcode.com。
延伸阅读：如何开始学习编程：给初学者的实用路线图