Cloudflare 建站：域名、DNS 与 Pages 部署

经常有人问：想搭个简单的独立站、博客或者落地页，又不想买服务器折腾环境，有没有省事的办法？我自己试过最省心的一条，就是把域名、DNS、静态托管全放在 Cloudflare 这一家：域名解析交给它的 DNS，网页文件丢给 Pages 静态托管，顺手还白嫖了它全球网络的加速。

这条链路的好处是"一屏搞定"：不用管服务器装没装环境、进程崩没崩，你只管把网页文件放上去。下面按我当时的操作顺序记一遍。

AI 操作示意图·以官网实际界面为准

1. 整体流程：先接域名，再传页面

我把整个过程浓缩成四步，新手照着这个顺序走不容易乱：

1. 注册 / 登录 Cloudflare，把你的站点域名加进来，按提示把域名注册商那里的 NS 记录改成 Cloudflare 给的那组 nameserver。
2. 等 DNS 生效后，在 Cloudflare 后台建一个 Pages 项目。
3. 把网页文件部署上去（可以连 Git 仓库，也可以直接传打包好的静态文件）。
4. 给 Pages 项目绑自定义域名，加好对应的 DNS 记录，访问自己的域名就能打开站。

第一步接域名这步，本质是把"域名往哪解析"的管理权收归 Cloudflare。这步做完，后面所有记录都在一个后台里改，不用两头跑。

2. Pages 怎么部署：三种方式选一个

官方给了三种把页面放进 Pages 的路子，我按上手难度排：

如果你是纯静态、没有框架的 HTML 文件，构建命令那栏留空就行——官方文档明确说"不需要框架也能部署"。用了框架（比如各种静态博客生成器）的，就按框架填构建命令和输出目录，后台一般有现成预设可以选。

第一次部署成功后，它会给你一个默认的 xxx.pages.dev 地址，先拿这个地址验证页面对不对，再去绑自己的域名。

AI 操作示意图·以官网实际界面为准

3. 绑自己的域名：DNS 记录别配错

这一步是新手最容易卡住的地方。部署完用 pages.dev 能打开，换成自己域名却打不开，八成是 DNS 记录没配对。几个要点：

• 在 Pages 项目里添加自定义域名，它会提示你需要哪条记录（通常是一条指向 Pages 的 CNAME）。
• 回到 DNS 记录页，按提示把这条记录加上。因为域名本身已经托管在 Cloudflare 了，解析一般很快。
• 刚部署完如果打不开，先别急着改配置——官方文档提到，新 DNS 记录需要一点时间全球生效，等一会儿或换个网络再试。
• 一个容易忽略的坑：以后如果要删掉这个 Pages 项目，记得先把这条自定义域名的 CNAME 记录删掉，不然你的域名会一直指向一个已经不存在的项目。

我的小技巧是：每加一条记录，顺手在旁边备注它"是给哪个项目用的"。站多了以后，你会感谢这个习惯。

4. 顺手用起来的两个小能力

既然都接进来了，有两个免费能力我建议顺手开：

• 全球网络加速：静态文件放到 Pages 后，天然走它的全球节点，海外访客打开会比单放一台 VPS 快不少，具体节点和能力以官方为准。
• 统计：后台可以开站点访问统计，不用额外接第三方脚本就能看大概的访问量，做落地页的时候挺方便。

说到底，Cloudflare 这套适合"内容型、静态为主"的站：博客、文档、产品落地页、个人主页。如果你要跑动态后端、数据库那一套，它不是干这个的，还是得老老实实上服务器。

Pages 和买个 VPS 建站有什么区别？

Pages 是静态托管：你给它 HTML/CSS/JS 成品文件，它负责分发，便宜甚至免费，免运维。VPS 是给你一台完整的服务器，能跑任何后端代码，但要自己装环境、背运维。只是展示内容、不跑复杂后端的站，Pages 这类方案明显更省事。

官方资料

资料核对日期：2026-10-23

• Cloudflare 开发者文档：Pages 入门（三种部署方式、构建配置、自定义域名与 DNS）：https://developers.cloudflare.com/pages/get-started/guide/