基于 Cloudflare Pages 与 Workers 部署极速博客
为什么选择 Cloudflare?
Cloudflare 拥有遍布全球 300 多个城市的 Anycast 边缘节点,是将静态网站与轻量无服务器应用部署上线的绝佳平台。
部署静态博客到 Cloudflare 具有以下明显优势:
- 超高访问速度:内容就近在离访问者最近的数据中心缓存,首屏秒开;
- 原生免费的 HTTPS 证书:自动签发并轮换 SSL 证书;
- 无限带宽与高并发抵抗:无需担心突发流量击垮服务器。
部署方案对比:Pages vs Workers
1. Cloudflare Pages(推荐用于静态博客)
Pages 是 Cloudflare 专为前端开发者设计的托管服务,极简易用。
只需运行构建命令,然后上传产物目录:
# 1. 登录 Cloudflare(首次运行)
npx wrangler login
# 2. 构建并部署到 Pages
npm run deploy:pages
2. Cloudflare Workers(借助 Workers Assets)
新一代 Cloudflare Workers 引入了 Workers Assets 特性,允许 Worker 直接绑定静态资源目录:
在 wrangler.jsonc 中配置:
{
"name": "personal-blog",
"compatibility_date": "2024-11-01",
"assets": {
"directory": "./dist",
"binding": "ASSETS"
}
}
随后执行以下指令即可一键推送:
npm run deploy:worker
自动化持续集成(CI/CD)
你也可以将代码推送到 GitHub 仓库,并在 Cloudflare Dashboard 中连接该仓库。每当 git push 到主分支时,Cloudflare 将自动拉取代码并在云端执行构建与全量部署!