零成本上线个人网站 | Cloudflare Pages 全流程实战指南

🎯 读完本文，你将获得：

• • 无需域名备案即可上线的免费托管方案
• • 6 步完成部署的图文教程
• • 免费版与付费版功能对比
• • 常见坑位与避坑建议

---

01｜为什么选 Cloudflare Pages？

在国内，「域名 → 备案 → 证书 → 服务器」四件套往往劝退 80 % 的前端同学。Cloudflare Pages 提供：

• • 免备案：直接获得 xxx.pages.dev 域名，全球可访问
• • 全免费：无限带宽、无限请求、每月 500 次构建
• • 零运维：Git push 即部署，自动 HTTPS、HTTP/3、边缘加速

---

02｜6 步部署你的第一个站点

Step 1 注册账号

访问 Cloudflare 中国官网，使用邮箱注册并登录。

Step 2 创建 Pages 项目

控制台首页 → Workers & Pages → 创建应用程序 → 选择 Pages。

方式	适用场景
Git 集成	代码托管在 GitHub/GitLab
直接上传	本地已构建好的静态文件

下文以「直接上传」为例。

Step 3 填写项目信息

输入项目名（唯一），生成的访问域名即为 https://<项目名>.pages.dev。

Step 4 上传构建产物

将 dist/ 或 build/ 文件夹拖拽到上传区，或打包为 .zip。

注意：根目录必须包含 index.html。

Step 5 一键部署

点击「部署站点」→ 30 秒左右即可看到「成功」提示。

Step 6 访问与更新

• • 访问 https://<项目名>.pages.dev 即可预览
• • 后续更新：重复上传 → 部署，支持回滚到任意历史版本

---

03｜免费额度 & 付费升级

功能	Free 版	Pro 版	Business 版
价格	$0/月	$25/月	$250/月
每月构建次数	500	5 000	20 000
并发构建	1	5	20
自定义域名	100	250	500
带宽/请求	无限	无限	无限

个人博客、作品展示，Free 版完全够用。

---

04｜常见问题 FAQ

Q1 能否绑定自己域名？
可以。Pages 支持 CNAME 接入，需在域名 DNS 添加一条 CNAME 记录。

Q2 国内访问速度如何？
Cloudflare 拥有遍布全球的 Anycast 网络，国内主流运营商访问延迟 < 100 ms，体验优于未备案的境外主机。

Q3 支持哪些前端框架？
开箱即支持 React / Vue / Svelte / Astro / Hexo / Hugo 等，只要最终产物为静态文件即可。

---

05｜写在最后

如果你不想折腾服务器、域名备案，又想快速拥有一个在线可访问的个人站点，Cloudflare Pages 几乎是零门槛的最佳选择。现在就去试试吧！