Pages（静态网站托管）

大纲

1. Pages 简介

• Cloudflare Pages 是什么
• 静态网站托管服务
• Pages 的优势和特点

2. 创建 Pages 项目

• 从 Git 仓库部署

  • 连接 GitHub/GitLab/Bitbucket
  • 选择仓库和分支
  • 配置构建设置

• 直接上传

  • 上传静态文件
  • 快速部署

3. 构建配置

• 构建命令

  • 设置构建命令
  • 输出目录配置

• 环境变量

  • 设置环境变量
  • 不同环境配置

• Node.js 版本

  • 选择 Node.js 版本
  • 兼容性配置

4. 自动部署

• Git 集成

  • 自动触发部署
  • 分支部署策略
  • 预览部署

• 部署钩子

  • Webhook 触发部署
  • 自定义部署流程

5. 自定义域名

• 添加自定义域名
• SSL 证书配置
• 域名验证

6. Pages 功能

• 预览部署

  • 每个 PR 的预览
  • 预览 URL

• 重定向规则

  • 配置重定向
  • 重定向规则格式

• Headers

  • 自定义响应头
  • 安全头配置

• Functions

  • Pages Functions
  • 无服务器函数

7. 性能优化

• 自动优化
• 图片优化
• 缓存策略

8. 与其他服务集成

• Workers 集成
• R2 集成
• Analytics 集成

9. 常见问题

• 构建失败
• 部署缓慢
• 自定义域名配置
• 环境变量不生效

10. 总结

• Pages 的使用场景
• 最佳实践