你需要 VPS 吗
如果你的站只有：
- HTML / CSS / JS（包括 React / Vue 前端）
- 静态生成的博客（Next 静态导出 / Astro / Hugo）
- 调用第三方 API 的纯前端应用
→ 不需要 VPS。直接静态托管平台，免费 + 全球 CDN + 自动 HTTPS + git push 自动部署。
三巨头对比
| 平台 | 免费额度 | 国内访问 | 自带函数 | 特色 |
|---|---|---|---|---|
| Cloudflare Pages | 几乎无限 | 一般 | Workers | 真·免费，无带宽限制 |
| Vercel | 100GB/月 | 较慢 | Edge/Serverless | Next.js 一等公民 |
| GitHub Pages | 100GB/月 | 慢 | 无 | 最简，连 git 都省 |
| Netlify | 100GB/月 | 慢 | Edge/Background | 最早做这事 |
Cloudflare Pages 三步部署
- 把项目 push 到 GitHub
- dash.cloudflare.com → Workers & Pages → Create → Pages → Connect to Git
- 选仓库、build 命令（如
npm run build）、output dir（如dist）→ Save
之后每 push 自动部署，给你一个 *.pages.dev 子域。绑定自己的域名也是几下点击。
Vercel：Next.js / 前端项目首选
npm install -g vercel
vercel
按提示选项目就完事。vercel --prod 上线。
Next.js 直接零配置，其他框架（Vite / Astro / SvelteKit）也基本零配置。
GitHub Pages：博客 / 个人主页
仓库设置 → Pages → 选 Source 分支（main 或 gh-pages）→ 完成。
适合 Hugo / Jekyll / 纯 HTML，不适合需要复杂 build 的现代框架。
国内访问慢怎么办
三家默认 CDN 节点都不在国内：
- Cloudflare：橙色云朵开了反而慢，关了又没 CDN——纠结
- Vercel：东京节点对国内还行
- 方案：部署到 Cloudflare Pages 一份 + 国内对象存储（OSS/COS）一份，DNS 智能解析分流
或者直接选国内的 Pages：
- 阿里云 OSS 静态网站 + CDN
- 腾讯云 COS + CDN
- 字节面包多 / Coding Pages
国内的需要域名备案。
不要静态化的"动态"内容
- 用户登录 / 评论 → 用 Disqus / Giscus（github issues 评论）
- 表单 → Formspree / Web3Forms / Cloudflare Forms
- 简单 API → Cloudflare Workers / Vercel Edge Functions（也免费起步）
下一篇：动态后端用 Pages 平台不够，介绍 Railway / Render / Fly.io。