为什么选择 Cloudflare Pages？

在众多静态站点托管平台中（Vercel、Netlify、GitHub Pages…），Cloudflare Pages 有几个独特的优势：

  • 全球 CDN：Cloudflare 本身就是世界上最大的 CDN 网络之一，300+ 节点
  • 完全免费：包括自定义域名、无限带宽、无限请求
  • 构建速度快：与 Vercel 相当，但免费额度更慷慨
  • 与 Cloudflare 生态无缝集成：Workers、KV、R2、D1 可以轻松组合

前置条件

  • Node.js 18+
  • 一个 GitHub 账号
  • 一个 Cloudflare 账号（免费）

第一步：创建 Astro 项目

npm create astro@latest my-blog -- --template blog
cd my-blog
npm install

第二步：本地测试

npm run dev

打开 http://localhost:4321 确认一切正常。

第三步：推送到 GitHub

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

第四步：连接 Cloudflare Pages

  1. 登录 Cloudflare Dashboard
  2. 进入 Pages → Create a project → Connect to Git
  3. 选择你的 GitHub 仓库
  4. 配置构建设置：
    • Framework preset: Astro
    • Build command: npm run build
    • Build output directory: dist
  5. 点击 Save and Deploy

等待约 1-2 分钟，你的博客就会部署到 *.pages.dev 域名上！

第五步：自定义域名（可选）

如果你有自己的域名并且托管在 Cloudflare 上，可以直接在 Pages 设置中添加自定义域名，无需任何 DNS 配置——Cloudflare 会自动处理。

自动化部署

之后每次你向 main 分支推送代码，Cloudflare Pages 都会自动触发新的构建和部署。Pull Request 还会自动生成预览 URL，非常方便。

# 写完文章后
git add .
git commit -m "post: 新文章标题"
git push
# 几分钟后自动部署 ✓

小结

整个流程下来，不超过 15 分钟就可以拥有一个：

  • ✅ 全球 CDN 加速
  • ✅ HTTPS 自动配置
  • ✅ 自动化 CI/CD
  • ✅ 完全免费

的个人博客。

Cloudflare Pages 是目前静态站点部署体验最好的平台之一，强烈推荐。