关于 Cloudflare Pages 部署实践

Cloudflare Pages 部署实践

Cloudflare Pages 是一个面向静态站点和 JavaScript 框架的部署平台，基于全球 300+ 城市的 CDN 节点。

部署 Astro 静态站

Astro 构建后输出纯静态文件到 dist/，Cloudflare Pages 只需要两个配置：

1. Build Command: npm run build
2. Output Directory: dist

在 Pages 项目设置里填入这两个值，每次 git push 就会自动构建和部署。

自定义域名

在 Pages 控制台添加 CNAME 记录指向 你的项目名.pages.dev，然后申请 HTTPS 证书。整个过程通常是自动化的，无需手动申请。

本地预览

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建并预览
npm run build
npm run preview

优势

• 免费层足够个人博客使用
• 全球加速，无需自己管理 CDN
• 部署预览，每个 PR 都有独立的预览 URL