1680 字
8 分钟
摘录 | 托管静态网站怎么选
托管静态网站选 Netlify 还是其他?
Netlify:老兵的荣耀与包袱
✅ 为什么大家曾经(现在依然)爱它?
- 极致的开发者体验 (DX):
连接 GitHub 仓库,自动构建,自动部署。
git push即上线,这种流畅感 Netlify 做得最早也最好。 - 功能生态丰富: 不仅仅是托管。Netlify Forms(无需后端处理表单)、Netlify Functions(无服务器函数)、Split Testing(分流测试)等内置功能,能解决很多实际痛点。
- 插件系统: 拥有庞大的插件市场,可以方便地集成图片优化、SEO 检查、sitemap 生成等工具。
- 回滚功能: 一键回滚到上一个部署版本,救急神器。
❌ 现在的争议点
- 带宽限制与费用: 这是目前最大的槽点。Netlify 的免费套餐虽然包含 100GB 带宽,但一旦超标,费用相对较高。且对于突发流量,缺乏预警可能导致账单 surprise。
- 构建速度: 相比后来者,Netlify 的冷启动构建速度在某些场景下略慢于 Vercel 或 Cloudflare。
- 对 Next.js 的支持: 虽然支持,但 Vercel 作为 Next.js 的东家,对 ISR(增量静态再生)和 Server Components 的支持无疑是原生的、最及时的。
强劲的挑战者们
在决定之前,我们需要看看 Netlify 的主要竞争对手。
1. Vercel
- 定位:前端框架的首选,尤其是 Next.js。
- 优势:全球边缘网络速度极快,对 React/Next.js 生态支持完美,预览部署(Preview Deployments)体验极佳。
- 劣势:非 Next.js 项目优势不明显,商业版价格较高,同样存在带宽限制问题。
2. Cloudflare Pages
- 定位:性价比之王,依托 Cloudflare 强大的全球网络。
- 优势: 免费套餐极其慷慨(无限带宽!),构建速度极快,直接集成 Cloudflare 生态(Workers, KV, R2)。
- 劣势:功能生态不如 Netlify 丰富(例如没有内置表单处理),后台 UI 相对复杂一点。
3. GitHub Pages
- 定位:最简单、最纯粹。
- 优势:完全免费,与代码仓库无缝集成,适合纯静态文档或简单博客。
- 劣势:构建配置灵活性差,不支持服务端功能,自定义域名配置有时比较慢。
核心维度横向对比
为了直观展示,我整理了以下对比表(基于 2024 年初的政策):
| 特性 | Netlify | Vercel | Cloudflare Pages | GitHub Pages |
|---|---|---|---|---|
| 免费带宽 | 100 GB/月 | 100 GB/月 | 无限 | 100 GB/月 (软限制) |
| 构建分钟数 | 300 分钟/月 | 6000 分钟/月 | 无限 | 不限 (但有时长限制) |
| 团队席位 | 1 (免费) | 1 (免费) | 无限 | 无限 |
| 表单处理 | 内置 (强大) | 需第三方 | 需第三方 | 需第三方 |
| 边缘函数 | 支持 | 支持 (Serverless) | 支持 (Workers) | 不支持 |
| Next.js 支持 | 良好 | 完美 | 良好 | 差 |
| 上手难度 | ⭐ (极简) | ⭐ (极简) | ⭐⭐ (中等) | ⭐ (极简) |
场景化建议:你该选哪个?
没有绝对的“最好”,只有“最适合”。请对号入座:
🎯 场景 A:我在写 Hexo / Hugo / Astro 博客
- 推荐:Cloudflare Pages 或 Netlify
- 理由:纯静态内容,对带宽消耗可能不可控(如果有大图片或视频)。Cloudflare 的无限带宽让你没有后顾之忧。如果你需要内置表单(比如“联系我”),Netlify Forms 能省去买后端服务的钱。
🎯 场景 B:我在开发 Next.js / React 商业项目
- 推荐:Vercel
- 理由:别折腾了。Vercel 对 Next.js 的特性支持是第一时间更新的,Image Optimization 和 ISR 功能在 Vercel 上最稳定。
🎯 场景 C:我是学生 / 预算为零 / 流量可能很大
- 推荐:Cloudflare Pages
- 理由:无限带宽是硬道理。不用担心网站突然火了导致破产。
🎯 场景 D:我需要快速搭建一个文档站或项目主页
- 推荐:GitHub Pages
- 理由:代码就在 GitHub 上,直接开启 Pages 服务,零配置,零成本,足够稳定。
关于 Netlify 的“流量税”避坑指南
如果你决定继续使用 Netlify,以下几点建议可以帮你避免意外账单:
- 开启带宽警报:在后台设置 Usage Alerts,当带宽使用达到 80% 时邮件通知你。
- 优化资源:使用
netlify-plugin-image-optimization等插件,在构建时压缩图片。 - 使用外部存储:大文件(视频、大型下载包)不要放在 Netlify 托管,使用 AWS S3 或 Cloudflare R2 存储,通过链接引用。
- 关注 Build Minutes:如果 CI/CD 流程频繁触发构建,很容易耗尽免费分钟数。配置好
.gitignore和构建触发规则。
迁移成本高吗?
很多人不敢换平台是怕麻烦。其实,从 Netlify 迁移到 Vercel 或 Cloudflare Pages 的成本非常低。
因为它们的核心逻辑都是一样的:
- 连接 Git 仓库。
- 设置构建命令(如
npm run build)。 - 设置输出目录(如
dist或public)。 - 配置环境变量。
大部分项目只需要修改一下配置文件(如 vercel.json 或 wrangler.toml),甚至不需要修改代码即可迁移。
结论:Netlify 还香吗?
答案是:依然香,但不再是唯一的神。
- 如果你看重内置功能生态(特别是表单、身份验证),且流量在可控范围内,Netlify 依然是体验最好的选择,它的 UI 和交互设计至今仍是行业标杆。
- 如果你追求极致性价比和带宽自由,Cloudflare Pages 是 2026 年的首选。
- 如果你是 Next.js 重度用户,Vercel 是官方最佳拍档。
我的个人建议: 上面是ai说的,下面是我自己的观点:
我让ai分析为什么Netlify好,它居然这么理性的和我说现在一般般
为什么我觉得Netlify挺好用,因为他具备操作简单的同时和知名的Vercel比起来最大的好处是不需要科学上网就能访问,
而且访问的速度也很快,可能会有人觉得都会部署网站都不会科学上网吗?但是我觉得只有让大部分人享受到的科技才叫科技,科学上网是一种门槛但不应该是一般人享受自己成就感的绊脚石,可能你无论如何都能访问,但是如果你想部署一些小网站和朋友分享的话,如果你什么都不会但是也希望能有友好的访问体验那Netlify确实很不错,但如果访问量很大那可能就需要Cloudflare Pages再加上一些域名和加速手段了,毕竟Cloudflare它不限带宽就是直连有点慢,太良心了Cloudflare。
其他的部署网站 好像还有 Zeabur,别的我好像就没怎么用过了。
摘录 | 托管静态网站怎么选
https://fuwari.wisansiiz.top/posts/static-website/