Cloudflare 部署说明
这个博客如何用 Cloudflare Workers 部署,并通过 GitHub 推送自动更新。
先说结论:这个仓库已经改成 Cloudflare Workers + GitHub 自动部署 的形态,后续你只需要继续往仓库 push,Cloudflare 就会自动构建和更新线上版本。
仓库里已经准备好的内容
wrangler.jsoncopen-next.config.tspackage.json里的preview、deploy、cf-typegen
推荐部署方式
方式:Workers Builds + GitHub
这是 Cloudflare 原生的 Git 集成方式,适合你要的“GitHub 推送自动更新”。
第一次配置怎么做
1. 先把仓库推到 GitHub
确保 Cloudflare 能访问到你的仓库。
2. 在 Cloudflare 导入仓库
进入 Workers & Pages,新建应用,选择导入 Git 仓库。
3. Worker 名称保持一致
wrangler.jsonc 里现在的名称是:
"name": "makerjackie-com"如果你在 Dashboard 里用别的 Worker 名称,记得同步改这个文件,否则 Git 构建会失败。
4. 配置环境变量
至少配置:
NEXT_PUBLIC_SITE_URL=https://你的正式域名这个值会用于站点元信息与链接生成。
5. 绑定域名
把你自己的域名绑到 Cloudflare Worker 上即可。
之后怎么更新
工作流会很简单:
- 本地改内容或页面
- 推送到 GitHub
- Cloudflare 自动构建
- 线上站点自动更新
本地验证命令
pnpm dev
pnpm build
pnpm preview适合后续的内容更新方式
后面你只需要持续往 content/docs/blog/ 里新增 .mdx 文件,再 push 到 GitHub 就行。