把博客免费部署到公网：Cloudflare Pages 实战

想把自己做的东西发布到公网，但不想买服务器、不想配 Nginx？Cloudflare Pages 就是最省事的选择：免费、全球 CDN、自带 HTTPS，而且静态网站无限流量。

这篇文章记录我实际部署的过程，照做即可。

1. 准备一个静态网站目录

Pages 部署的本质是上传一堆静态文件。一个博客只需要这样：

cf-pages-blog/
├── index.html      # 首页
├── about.html      # 关于页
├── css/style.css   # 样式
└── posts/          # 文章目录
    ├── xxx.html
    └── xxx.html

2. 登录 Cloudflare

在终端安装并登录 wrangler 命令行工具：

npm i -g wrangler
wrangler login

它会自动打开浏览器跳转到 Cloudflare 授权页，登录并点 Allow 即可。

3. 创建项目并部署

第一次部署前先创建项目（project-name 就是你的 .pages.dev 子域名）：

# 创建项目
wrangler pages project create 我的项目名 --production-branch=main

# 部署目录
wrangler pages deploy cf-pages-blog --project-name=我的项目名

几秒钟后终端会输出一个 xxx.pages.dev 的地址，打开就是你的网站。

4. 以后更新内容怎么办？

非常简单：改完 HTML 后，重新跑一次 deploy 命令即可，地址不变：

wrangler pages deploy cf-pages-blog --project-name=我的项目名

5. 免费额度到底有多少？

项目	免费额度
静态请求 / 带宽	无限
HTTPS / CDN	全球免费加速
Pages Functions	10 万次/天
部署有效期	永不过期

只要不删除项目，网站就会一直在线运行，不需要续费、不需要保活。

小结

个人博客、作品集、SEO 落地页、文档站……只要是静态内容，Cloudflare Pages 都能免费长期托管。把这套流程记下来，以后想上线什么前端项目都能直接复用。