完整流程！Cloudflare 平台部署 GitHub MoonTV 项目，免费追剧不花钱

环境准备

确保拥有以下资源：

• GitHub 账号
• Cloudflare 账号
• 本地安装 Git 和 Node.js（用于可选的自定义部署）

---

获取 MoonTV 项目源码

访问 MoonTV 的 GitHub 仓库（如 https://github.com/MoonTV 或相关分叉仓库），点击 Fork 按钮将项目复制到自己的 GitHub 账号下。克隆项目到本地：

git clone https://github.com/你的用户名/MoonTV.git

---

创建 Cloudflare Pages 项目

登录 Cloudflare 控制台，进入 Workers & Pages 服务。选择 Create application → Pages → Connect to Git。授权访问 GitHub 仓库后，选择刚复制的 MoonTV 仓库。

---

配置构建设置

在 Cloudflare Pages 的部署设置中填写以下参数：

• Build command: npm run build（如项目使用 Vue/React）
• Build output directory: dist 或 public（根据项目框架而定）
• Environment variables: 通常无需额外配置，除非项目要求

---

部署与域名绑定

点击 Save and Deploy 开始自动构建。部署完成后，Cloudflare 会生成一个 *.pages.dev 的临时域名。如需自定义域名，在 Custom domains 中添加并按照提示完成 DNS 验证。

---

可选优化

1. 缓存设置
   在 Cloudflare 的 Caching → Configuration 中启用 Cache Everything，提升静态资源加载速度。

2. 防止滥用
   通过 Workers 添加访问频率限制，或在 Security → WAF 中创建防火墙规则过滤异常请求。

3. 自动更新
   在 GitHub 仓库的 Settings → Webhooks 中添加 Cloudflare 的构建钩子，实现代码推送后自动重新部署。

---

常见问题处理

• 部署失败
  检查 Cloudflare 的构建日志，通常因缺少依赖或路径错误导致。尝试在项目根目录添加 _redirects 文件处理 SPA 路由问题。

• 资源加载错误
  确认 vite.config.js 或 vue.config.js 中的 base 参数设置为 /（或对应子路径）。

• 更新内容未生效
  清除 Cloudflare 边缘缓存，或通过 Purge Cache 强制刷新。

---

注意事项

• 项目需遵守版权法规，自用学习为目的
• Cloudflare 免费版每月有 10 万次请求限制
• 动态 API 需额外配置 Workers 代理（如需要）