Vercel + Cloudflare + 自定义域名：零基础部署静态网站完整实战指南
2026年，搭建一个静态网站已经变得非常简单。但"能访问"和"好用"之间，还隔着域名、DNS、CDN 这三座大山。
这篇文章记录了我从零开始，把一个静态网站从 Vercel 部署到最终拥有独立顶级域名并接入 Cloudflare 加速的完整过程，以及踩过的每一个坑。如果你也想部署自己的网站，希望这篇文章能帮你少走弯路。
起步：Vercel 自动部署
一切都从把代码推送到 GitHub 开始。
Vercel 的核心优势是：你只管写代码，它负责构建和部署。每次 push 到 main 分支，Vercel 自动拉取代码、执行构建命令、部署到全球 CDN，整个过程不到两分钟。
部署完成后，Vercel 会分配一个免费子域名：
w-linfo-blue.vercel.app
网站首次可以被公开访问了。但这只是开始——这个域名带有 Vercel 的品牌，不适合作为正式站点长期使用。你需要一个属于自己的域名。
踩坑：免费域名的尝试
既然要正式运营，就需要一个自己的域名。我先尝试了免费域名这条路，结果踩了两个坑。
坑一：EU.org 的漫长排队
EU.org 提供免费的 .eu.org 二级域名，看起来很诱人。申请后进入排队审核，等待数周后最终未能成功获得。
教训：免费域名的审核流程不可控，不适合有时间要求的项目。
坑二：US.KG 的政策变更
US.KG 提供免费的 .us.kg 域名。完成了 KYC 身份验证后，平台规则突然变更，要求支付小额费用才能注册，遂放弃。
教训："伪顶级域名"的政策随时可能变动，最终控制权不在自己手中。
两次尝试让我明白一个道理：对于长期项目，付费域名不是成本，而是投资。
学习：免费子域名实战 DNS
在等待免费域名期间，我用 wlzhimu.qzz.io 这个免费子域名做了 DNS 配置的实战练习。
什么是 DNS？
DNS（域名系统）的本质就是一本"电话簿"：告诉互联网"这个域名对应哪个服务器 IP"。
手动配置 DNS 记录
通过 ClouDNS 平台，手动添加 A 记录，将 wlzhimu.qzz.io 解析到 Vercel 的服务器 IP 76.76.21.21。
配置生效后，访问 wlzhimu.qzz.io 成功打开了 Vercel 上的网站。虽然是个免费子域名，但这个过程让我真正理解了域名解析的工作原理，为后续操作打下了基础。
升级：购买顶级域名
在 Spaceship（Nominal 旗下的域名注册商）购买了属于自己的顶级域名：
11180801.xyz
.xyz 域名价格极低（首年不到 1 美元），但它是真正的顶级域名，完全由自己控制。
关键转变：从"借用"变为"拥有"。域名的 DNS 管理、续费、转让，一切都在自己手中。一个不到 1 美元的域名，换来的是绝对的稳定性和专业的品牌形象。
绑定：将域名接入 Vercel
添加域名
进入 Vercel 项目设置 → Domains，添加 11180801.xyz。
Vercel 会要求验证域名所有权：在域名注册商（Spaceship）的 DNS 管理后台添加一条 TXT 记录。
验证所有权
在 Spaceship 的 DNS 管理页面，按 Vercel 提供的值添加 TXT 记录。等待几分钟后，Vercel 验证通过，域名绑定成功。
加速：接入 Cloudflare
这一步是解决核心痛点的关键。
Vercel 的服务器在海外，国内访问速度不稳定。Cloudflare 的免费 CDN 可以完美解决这个问题——它的全球 CDN 节点会缓存你的网站内容，用户就近访问，速度大幅提升。
注册 Cloudflare
在 cloudflare.com 注册账号，添加域名 11180801.xyz，选择免费计划。
修改 Nameserver
Cloudflare 会分配两个专属 Nameserver 地址。回到 Spaceship，将域名的 Nameserver 从默认值修改为 Cloudflare 提供的地址。
这一步是关键：相当于把域名的"电话簿管理权"交给了 Cloudflare。
配置 DNS 记录
在 Cloudflare 的 DNS 管理页面，确认以下记录：
| 类型 | 名称 | 内容 | 代理状态 |
|---|---|---|---|
| A | @ | 76.76.21.21 | 已代理 |
| CNAME | www | cname.vercel-dns.com | 已代理 |
橙色云朵 = 开启 Cloudflare 代理和 CDN 加速。
等待生效
Nameserver 变更官方说需要 24-48 小时全球生效，实际上大部分地区在 1-2 小时内即可完成切换。
收尾：统一域名重定向
到这一步，网站已经可以通过 11180801.xyz 正常访问了。但之前积累的旧域名和 www 前缀都需要统一。
Vercel 端重定向
在 Vercel 项目设置中，为 wlzhimu.qzz.io 和 w-linfo-blue.vercel.app 设置 301 永久重定向 到 https://11180801.xyz。
301 重定向的意义：告诉搜索引擎和浏览器，这个旧地址已经永久迁移到新地址，SEO 权重也会传递过去。
Cloudflare 端重定向
在 Cloudflare 的"规则"（Rules）中，为 www.11180801.xyz 设置 301 重定向到 https://11180801.xyz。
这样无论用户输入哪个地址，最终都会统一到主域名，品牌形象完全一致。
最终架构
经过以上所有步骤，最终的技术架构如下：
用户输入任意域名
↓
Cloudflare CDN（全球加速 + DNS 解析）
↓
Vercel（代码托管 + 自动部署 + 构建）
↓
静态网站（HTML/CSS/JS）
四个服务商的分工：
| 服务商 | 角色 | 费用 |
|---|---|---|
| GitHub | 代码托管 | 免费 |
| Vercel | 构建 + 部署 + CDN | 免费 |
| Spaceship | 域名注册 | ~$1/年 |
| Cloudflare | DNS + CDN 加速 + 安全 | 免费 |
经验总结
免费域名的三大局限
无论是免费子域名还是"伪顶级域名"，都面临共同问题：
- 所有权不在手中：平台可以随时收回或更改规则
- 审核流程不可控：可能等待数周甚至最终失败
- 品牌形象不专业：带有平台品牌，不适合正式项目
付费域名的三大价值
一个 .xyz 域名首年不到 1 美元，换来的是：
- 绝对控制权：DNS、续费、转让全部自主
- 稳定可靠：不会因为平台政策变动而失去域名
- 专业形象：独立的顶级域名，品牌感完全不同
DNS 核心概念速查
- A 记录：域名 → IPv4 地址（最基础的解析）
- CNAME 记录：域名 → 另一个域名（别名解析）
- TXT 记录：用于验证所有权、配置邮件等
- Nameserver：决定由哪个服务商来管理你的 DNS 记录
Cloudflare 的四大价值
对于国内用户来说，Cloudflare 是静态网站的最佳拍档：
- 免费 CDN：全球节点缓存，国内外访问都更快
- 免费 HTTPS：自动签发 SSL 证书
- DNS 管理：功能强大且完全免费
- 安全防护：基础的 DDoS 防护和 WAF
从零到一的时间线
| 时间 | 里程碑 |
|---|---|
| 第 1 天 | GitHub 推送代码，Vercel 自动部署成功 |
| 第 2 天 | 申请 EU.org 免费域名，进入漫长排队 |
| 第 3 天 | 申请 US.KG 免费域名，因规则变更放弃 |
| 第 5 天 | 申请 qzz.io 免费子域名成功，完成 DNS A 记录配置 |
| 第 7 天 | 在 Spaceship 购买 11180801.xyz 顶级域名 |
| 第 8 天 | Vercel 绑定域名，添加 TXT 验证记录 |
| 第 9 天 | 注册 Cloudflare，修改 Nameserver |
| 第 10 天 | Cloudflare DNS 配置完成，等待全球生效 |
| 第 11 天 | 域名全面生效，配置所有旧域名 301 重定向 |
| 第 12 天 | 网站正式上线，国内外访问均正常 |
12 天，从一无所有到一个拥有独立域名、全球 CDN 加速的专业静态网站。 整个过程的花费不到 1 美元（域名费用），其他全部免费。
如果你也想部署自己的网站，按照这个流程走，可以少踩很多坑。