GitHub Pages + Cloudflare Pages + Vercel 对比分析如何选择

🧠 一句话总览(先给结论)

  • 想最省钱 + 高流量首选 Cloudflare Pages(性价比之王)。
  • 追求最佳 DX + Next.jsVercel(但注意商业用途和带宽)。
  • 纯静态 + 极简GitHub Pages(最稳,但功能最老)。

这三个平台是目前静态网站托管的“三剑客”,这里的深度对比将聚焦于隐私、性能及资源上限

1. 核心参数对比表(免费版)

项目GitHub PagesCloudflare PagesVercel Hobby
带宽100 GB/月(软限制,超限可能被提醒或限流)无限(实际无硬限制,遵守 ToS 即可)100 GB/月(硬限制,超限暂停服务)
构建次数/月10 次/小时(软限制),可通过 GitHub Actions 绕过500 次/月(账号级)~6000 分钟构建时间(约 100 小时)
构建超时10 分钟20 分钟45 分钟
站点/仓库大小推荐 1 GB,发布后 ≤1 GB单个文件 ≤25 MiB,免费版 ≤20,000 个文件静态文件上传 ≤100 MB/次,磁盘 23 GB
项目数量每个账号 1 个 User/Org Site + 每个 Repo 1 个无限200 个项目
自定义域名支持(免费 SSL)支持,100 个/项目(免费 SSL)支持(免费 SSL)
并发构建无明确限制(依赖 Actions)1 个1 个
部署方式GitHub Repo 直接发布,或 GitHub ActionsGit 集成(GitHub/GitLab/Bitbucket)Git 集成 + CLI,非常丝滑
预览部署 (Preview)无原生支持支持(但功能较简单)极强(每个 PR/分支 自动预览)
服务器函数 (Serverless)不支持(纯静态)支持 Cloudflare Workers(边缘函数)Vercel Functions(Node.js 等)
边缘函数/性能依赖 GitHub 全球节点(较慢)最强(300+ 个全球边缘节点,Cloudflare CDN)优秀(多云 + Edge Network)
商业用途灰色地带(ToS 限制较多)明确允许仅限个人/非商业(商业需升级 Pro)
JAMstack 框架支持好(Jekyll 最佳,其他需手动构建)优秀(几乎全支持)最佳(Next.js 原生优化)
分析/监控基本(需外部工具)Cloudflare Analytics(免费强大)Vercel Analytics(免费版有限,但好用)
其他亮点完全免费、无需额外账号、适合开源文档速度最快、无限流量、Workers 生态开发者体验最好、生态最完善
主要限制纯静态、无预览、速度一般构建次数限制、Functions 有 Workers 免费配额带宽/商业限制严格、超限容易暂停

2. 深度差异化分析

GitHub Pages:最省心但上限最低

  • 优势:原生集成在 GitHub 仓库,配置最简单。
  • 劣势最大的痛点是私密性。 免费用户必须公开仓库,这意味着你的 Markdown 原始文档、未发布的草稿、CI/CD 的私密配置(如 API Key)全部都会被公开。
  • 网络:在中国大陆,GitHub Pages 的域名经常遭到干扰,丢包率高。

Cloudflare Pages:资源最慷慨,生态最强

  • 优势
  • 无限带宽:这是唯一不限流量的平台,适合高频访问或有大量图片的博客。
  • 深度集成:由于你在用 CF DNS 和 Tunnel,Pages 可以直接享受 CF 的 WAF 防火墙、DDoS 保护。
  • 边缘构建:其构建速度在 2026 年已有显著提升,且完全支持私有仓库。
  • 劣势:单文件 25MB 的限制对大型视频文件不友好(但你可以放在 R2 存储里)。

Vercel:开发者体验 (DX) 最好的平台

  • 优势
  • 部署预览:每当你提交代码,它会生成一个独立的预览链接,这对测试新主题非常有用。
  • 自动化极致:对 Astro、Next.js、Hugo 等框架的识别和优化是行业标杆。
  • 劣势商业限制严格。 Vercel 免费版禁止用于任何商业用途。此外,流量一旦超限,虽然不会立即停机,但会收到频繁的扣费提醒邮件。

3. 适用场景推荐

场景推荐平台理由
个人博客 / 简历GitHub Pages 或 CloudflareGitHub 最简单,Cloudflare 更快
高流量静态网站Cloudflare Pages无限带宽 + 最快 CDN
Next.js / 现代前端Vercel(首选)或 CloudflareVercel 原生支持最好
需要 Serverless APICloudflare 或 Vercel两者都支持边缘函数
开源项目文档GitHub Pages与 GitHub 生态无缝
商业小项目Cloudflare Pages免费可商用 + 无限流量
频繁迭代 + PR 预览Vercel预览功能无敌
使用 Discussions 讨论 Github 上编辑 分享到 Twitter