本篇目录
本文按 Vercel 和 Cloudflare Pages 官方文档整理,2026 年 10 月核对。如有出入,以官方文档为准。
上一篇讲了国内访问首选的 EdgeOne Pages。如果你的访客主要在海外,或者暂时没有备案的域名,可以选 Vercel 或 Cloudflare Pages。
先选平台
- Vercel:和 Next.js 等前端框架配合最顺,命令最少,适合第一次部署
- Cloudflare Pages:全球节点多,适合纯静态网站
- 两者都有免费额度,绑定自己的域名不需要备案
- 注意:两者在国内访问速度通常不如国内节点。访客主要在国内的话,还是建议用 EdgeOne Pages
拿不准就先用 Vercel。
方法一:部署到 Vercel
先安装命令行工具并登录:
npm install -g vercelvercel login进入你的项目文件夹,运行:
vercel第一次运行时,它会问几个问题(项目名、项目在哪个目录、用什么框架),一般直接按回车用默认值即可。新项目的第一次部署就是正式环境,完成后会给你一个可以直接访问的网址。
以后改完代码,再发布正式版本:
vercel --prod不加 --prod 的话,生成的是预览版本,适合先自己看一眼再正式发布。
方法二:部署到 Cloudflare Pages
先登录 Cloudflare 的命令行工具 Wrangler:
npx wrangler login创建项目(会让你填项目名),然后把构建好的文件夹上传:
npx wrangler pages project createnpx wrangler pages deploy ./dist./dist 换成你项目实际的输出文件夹。纯 HTML 网站的话,就是放 index.html 的那个文件夹。完成后可以通过 项目名.pages.dev 访问。
需要注意:这种直接上传的项目,以后不能再改成连接 GitHub 自动部署;单个文件不能超过 25 MiB。
绑定自己的域名
- Vercel:项目设置 → Domains → 添加域名,按提示在域名服务商那里添加一条记录
- Cloudflare Pages:项目 → Custom domains → 添加域名。域名本身托管在 Cloudflare 的话,记录会自动添加
让 AI 帮你部署
不想记命令的话,直接对 AI 编程工具说:
帮我把这个项目部署到 Vercel。先检查需要安装和登录什么,每一步执行前先告诉我要做什么。需要登录的步骤会打开浏览器,由你自己完成。API Key、密码这类信息不要直接贴进对话。