把 Astro 博客部署到 Cloudflare Pages

这篇文章记录我是怎么把这个博客部署到 Cloudflare Pages 的。整个过程出乎意料地简单。

前置准备

  1. 一个 Cloudflare 账号(免费即可)。

  2. 安装好 Node.js(建议 LTS 版本)。

  3. 本地装好 wrangler —— Cloudflare 的官方 CLI:

    npm install -g wrangler

    然后登录:

    wrangler login

构建静态产物

Astro 默认输出纯静态 HTML。在项目根目录执行:

npm run build

产物会输出到 dist/ 目录,我们要部署的就是它。

一条命令部署

wrangler pages deploy dist --project-name my-blog

第一次运行时,如果项目不存在,wrangler 会帮你创建。部署完成后,你会拿到一个 https://my-blog.pages.dev 这样的地址,立刻就能访问。

小结

Cloudflare Pages 对静态站点非常友好:免费额度充足、自带全球 CDN、支持自定义域名。对一个个人博客来说,几乎是完美的选择。

完整的官方文档见 Cloudflare Pages 文档。