部署到 Cloudflare Workers 和 Pages

教程Cloudflare部署

准备工作

  1. 注册 Cloudflare 账号
  2. 安装 Node.js 18+
  3. 克隆本项目到本地

方式一：用 Wrangler CLI 部署

1. 安装依赖

npm install

2. 登录 Cloudflare

npx wrangler login

浏览器会打开授权页面，点击 Allow 即可。

3. 构建并部署

npm run deploy

这个命令会先运行 node build.mjs 生成静态文件到 public/ 目录，然后用 Wrangler 将其部署到 Cloudflare Pages。

部署成功后，你会得到一个 xxx.pages.dev 的域名，直接就能访问了。

4. 自定义域名

在 Cloudflare Dashboard → Pages → 你的项目 → Custom domains 中添加自定义域名，按提示配置 DNS 即可。

方式二：Git 自动部署

1. 推送到 GitHub

git init
git add .
git commit -m "Initial blog"
git remote add origin https://github.com/your-username/your-blog.git
git push -u origin main

2. 在 Cloudflare 连接 GitHub

  1. 进入 Cloudflare Dashboard → Workers & Pages
  2. 点击 Create application → Pages → Connect to Git
  3. 选择你的 GitHub 仓库
  4. 配置构建：
    • Framework preset: None
    • Build command: npm run build
    • Build output directory: public
  5. 点击 Save and Deploy

之后每次 git push，Cloudflare 会自动构建并部署。

配置说明

wrangler.toml

name = "my-blog"
compatibility_date = "2024-01-01"
pages_build_output_dir = "public"

_headers

设置缓存和安全头，提升性能和安全性。

_redirects

配置 URL 重定向规则，比如把旧路径重定向到新路径。

注意事项

  • Cloudflare Pages 免费额度：每月 500 次构建、无限请求、无限带宽
  • public/ 目录是构建产物，不要手动编辑
  • 写新文章只需在 posts/ 下添加 .md 文件然后重新构建

有任何问题，欢迎在 GitHub 上提 issue。