Cloudflare Pages 部署静态网站完全教程 – 免费托管 Hexo Hugo

为什么选择 Cloudflare Pages

Cloudflare Pages 是 Cloudflare 推出的静态网站托管服务，相比传统托管有以下优势：

• 免费无限流量 – 真正的无限流量，没有限制
• 全球 CDN – 覆盖全球 300+ 节点，访问速度快
• 自动 HTTPS – 免费 SSL 证书
• Git 集成 – 推送代码自动部署

准备工作

• GitHub 账号
• Cloudflare 账号（免费注册）
• 一个静态网站项目（Hexo、Hugo、Jekyll 等）

详细部署步骤

第一步：推送代码到 GitHub

git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/你的用户名/仓库名.git
git push -u origin main

第二步：连接 Cloudflare Pages

1. 登录 Cloudflare Pages
2. 点击「创建项目」
3. 选择 GitHub 仓库
4. 授权 Cloudflare 访问你的 GitHub

第三步：配置构建设置

Hexo

构建命令	npm install and npx hexo generate
输出目录	public

Hugo

构建命令	hugo
输出目录	public

Cloudflare Pages vs Vercel vs Netlify

功能	CF Pages	Vercel	Netlify
流量限制	无限	100GB/月	100GB/月
CDN 节点	300+	20+	200+
国内访问	快	一般	一般
价格	免费	免费	免费

常见问题

Q: 构建失败怎么办？

查看 Cloudflare Pages 的构建日志，通常是依赖安装或命令错误。

Q: 国内访问速度如何？

Cloudflare 在国内有节点，访问速度比 Vercel/Netlify 快很多。

总结

Cloudflare Pages 是静态网站托管的最佳选择之一。无限流量、全球 CDN、快速访问，对国内用户尤其友好。建议 Hexo、Hugo 用户迁移到 Cloudflare Pages。