Cloudflare Pages 是一个快速、安全、免费的静态网站托管平台。下面介绍如何把你的 Hexo 博客部署上去。

为什么选 Cloudflare Pages？

  • 免费 —— 不限站点数量、请求数和带宽
  • 快速 —— 全球 CDN 加速，边缘缓存
  • 简单 —— Git 推送自动构建部署
  • 自定义域名 —— 免费 SSL 证书

方法一：Git 集成（推荐）

第一步：推送到 GitHub

把 Hexo 博客推送到 GitHub 仓库：

1
2
3
4
5
git init
git add .
git commit -m "初始化博客"
git remote add origin https://github.com/你的用户名/博客仓库.git
git push -u origin main

第二步：连接 Cloudflare Pages

  1. 登录 Cloudflare 控制台
  2. 进入 Workers & Pages → 创建应用程序 → Pages
  3. 点击 连接到 Git
  4. 选择你的仓库

第三步：配置构建设置

配置项 值
框架预设 无
构建命令 npm run build
构建输出目录 public
根目录 /

第四步：设置环境变量

添加环境变量：

1
NODE_VERSION = 22

第五步：部署

点击 保存并部署。Cloudflare 会自动构建和部署你的博客。之后每次 git push 都会自动触发部署。

方法二：命令行上传（Wrangler CLI）

1
2
3
4
5
6
7
8
# 安装 Wrangler
npm install -g wrangler

# 构建博客
hexo generate

# 部署
wrangler pages deploy public

自定义域名

  1. 进入 Pages 项目 → 自定义域
  2. 点击 设置自定义域
  3. 输入你的域名（如 blog.example.com）
  4. Cloudflare 会自动配置 DNS 和 SSL

实用技巧

  • 预览部署：每个 Pull Request 都会自动生成预览链接
  • 快速回滚：可以一键回退到任意历史版本
  • 自定义响应头：在 source/ 下添加 _headers 文件
  • URL 重定向：在 source/ 下添加 _redirects 文件

⚠️ 注意：_config.yml 中的 url 要和 Cloudflare Pages 的域名匹配（如 https://你的站点.pages.dev 或自定义域名）。

总结

就这几步！你的 Hexo 博客已经托管在 Cloudflare Pages 上了，享受全球 CDN、自动 HTTPS 和持续部署。🎉