
免费额度、功能特点、如何选择
这四个平台都是静态网站托管平台:
• 把你的静态网站(HTML/CSS/JS)部署到云端
• 提供免费域名和 HTTPS 证书
• 支持 Git 仓库自动部署
• 全球 CDN 加速
适用场景:个人博客、文档站、作品展示、落地页、静态应用
平台 | 带宽/流量 | 构建时长 | 构建次数 | 并发构建 | 域名 |
|---|---|---|---|---|---|
GitHub Pages | 100 GB/月 | 10 分钟/次 | 10 次/小时 | 1 个 | yourname.github.io |
Vercel | 100 GB/月 | 6000 分钟/月 | 无限 | 1 个 | yourname.vercel.app |
Netlify | 100 GB/月 | 300 分钟/月 | 无限 | 1 个 | yourname.netlify.app |
Cloudflare Pages | 无限 | 500 次/月 | 500 次/月 | 1 个 | yourname.pages.dev |
⚠️ 注:免费额度可能随时调整,请以官网最新价格为准。
项目 | 限制 |
|---|---|
带宽 | 100 GB/月 |
构建 | 10 次/小时 |
构建时长 | 10 分钟/次 |
仓库大小 | 1 GB |
文件大小 | 100 MB/文件 |
并发构建 | 1 个 |
• 完全免费,无付费版本
• 与 GitHub 深度集成
• 支持 Jekyll 自动构建
• 自定义域名 + 免费 SSL
• 不支持服务端代码
• 个人博客、文档站
• 开源项目主页
• 简单静态网站
• GitHub 重度用户
git clone https://github.com/yourusername/yourusername.github.io
cd yourusername.github.io
echo "Hello World" > index.html
git add . && git commit -m "init" && git push
项目 | Hobby 免费版 | Pro 付费版 ($20/月) |
|---|---|---|
带宽 | 100 GB/月 | 1 TB/月 |
构建时长 | 6000 分钟/月 | 无限 |
Serverless 函数 | 100 GB-Hrs | 1000 GB-Hrs |
团队成员 | 1 人 | 无限 |
并发构建 | 1 个 | 3 个 |
⚠️ 注:免费额度可能随时调整,请以官网最新价格为准。
• 支持多种框架:Next.js、React、Vue、Svelte、Astro 等
• 原生支持 SSR(服务端渲染)
• 边缘函数(Edge Functions)
• 自动部署、预览部署
• 最佳 Next.js 体验
• Next.js / React 项目
• 需要 SSR 的网站
• 追求最佳开发体验
• 个人项目、作品集
npm i -g vercel
vercel
项目 | 免费版 | Pro 付费版 ($19/月) |
|---|---|---|
带宽 | 100 GB/月 | 400 GB/月 |
构建时长 | 300 分钟/月 | 1000 分钟/月 |
构建次数 | 无限 | 无限 |
表单提交 | 100 次/月 | 1000 次/月 |
Serverless 函数 | 125K 次/月 | 2M 次/月 |
团队成员 | 1 人 | 无限 |
⚠️ 注:免费额度可能随时调整,请以官网最新价格为准。
• 拖拽上传部署(无需 Git)
• 表单处理(无需后端)
• 无服务器函数(Netlify Functions)
• 重定向和代理规则
• A/B 测试
• 分支预览
• 需要表单功能的网站
• 使用多种静态生成器(Hugo、Gatsby、Jekyll)
• 需要无服务器函数
• 非技术用户(拖拽上传)
npm i -g netlify-cli
netlify deploy --prod
项目 | 免费版 | 付费版 ($20/月) |
|---|---|---|
带宽 | 无限 | 无限 |
构建时长 | 500 次/月 | 无限 |
构建次数 | 500 次/月 | 无限 |
Serverless 函数 | 100K 次/天 | 10M 次/月 |
并发构建 | 1 个 | 5 个 |
• 无限带宽(最大亮点)
• 全球 CDN,国内访问友好
• Cloudflare Workers 集成
• 支持 Git 部署和直接上传
• 免费 SSL
• 高流量网站
• 国内用户为主
• 需要无限带宽
• 追求最快访问速度
npm i -g wrangler
wrangler pages deploy ./dist
需求 | 推荐 | 原因 |
|---|---|---|
高流量网站 | Cloudflare Pages | 无限带宽 |
表单收集 | Netlify | 免费表单功能 |
Next.js 项目 | Vercel | 原生支持,体验最佳 |
简单静态站 | GitHub Pages | 最简单,够用 |
国内用户 | Cloudflare Pages | 访问速度最快 |
非技术用户 | Netlify | 拖拽上传 |
个人博客 → GitHub Pages(简单够用)
→ Cloudflare Pages(速度快)
作品集 → Vercel(体验好)
→ Netlify(拖拽上传)
文档站 → Vercel(支持搜索)
→ GitHub Pages(免费稳定)
落地页 → Cloudflare Pages(速度)
→ Netlify(表单功能)
项目类型 | 月访问量 | 推荐平台 | 是否够用 |
|---|---|---|---|
个人博客 | < 1 万 PV | 任意 | ✅ 够用 |
作品集 | < 5 千 PV | 任意 | ✅ 够用 |
开源文档 | < 10 万 PV | Cloudflare Pages | ✅ 够用 |
落地页 | < 5 万 PV | 任意 | ✅ 够用 |
GitHub Pages: - 没有付费版本,超额会收到警告邮件 - 建议迁移到 Cloudflare Pages
Vercel: - 升级到 Pro 版($20/月) - 或迁移到其他平台
Netlify: - 升级到 Pro 版($19/月) - 或减少构建时长使用
Cloudflare Pages: - 免费额度最大,最难超额 - 超额后可升级到付费版
都可以。每个平台都支持自定义域名 + 免费 SSL。
Cloudflare Pages > Netlify ≈ Vercel > GitHub Pages
平台 | 支持的框架 |
|---|---|
GitHub Pages | Jekyll、静态 HTML |
Vercel | Next.js、React、Vue、Svelte、Astro、Hugo 等 |
Netlify | Hugo、Gatsby、Jekyll、React、Vue、Astro 等 |
Cloudflare Pages | Next.js、React、Vue、Hugo、Astro 等 |
有限制,但个人项目完全够用。主要是带宽和构建时长限制。
都可以。每个平台都支持部署多个项目。
平台 | 最大优势 | 最大劣势 | 推荐场景 |
|---|---|---|---|
GitHub Pages | 简单稳定 | 国内访问慢 | 个人博客、开源项目 |
Vercel | Next.js 体验最佳 | 构建时长限制 | React/Next.js 项目 |
Netlify | 表单功能 | 构建次数限制 | 落地页、非技术用户 |
Cloudflare Pages | 无限带宽 | 配置稍复杂 | 高流量网站、国内用户 |
一句话建议: - 国外用户/简单项目 → GitHub Pages - Next.js 项目 → Vercel - 需要表单 → Netlify - 国内用户/高流量 → Cloudflare Pages
• GitHub Pages:https://pages.github.com
• Vercel:https://vercel.com
• Netlify:https://netlify.com
• Cloudflare Pages:https://pages.cloudflare.com