学习 · 7. 发布上线

海外访问选 Vercel 或 Cloudflare Pages:两种部署方法

访客在海外、或者还没有备案域名时的两个选择:按官方最新命令部署到 Vercel 或 Cloudflare Pages,并绑定自己的域名。

灵点AI 约 3 分钟读完 最后验证 2026.10.11
本篇目录

本文按 Vercel 和 Cloudflare Pages 官方文档整理,2026 年 10 月核对。如有出入,以官方文档为准。

上一篇讲了国内访问首选的 EdgeOne Pages。如果你的访客主要在海外,或者暂时没有备案的域名,可以选 Vercel 或 Cloudflare Pages。

先选平台

  • Vercel:和 Next.js 等前端框架配合最顺,命令最少,适合第一次部署
  • Cloudflare Pages:全球节点多,适合纯静态网站
  • 两者都有免费额度,绑定自己的域名不需要备案
  • 注意:两者在国内访问速度通常不如国内节点。访客主要在国内的话,还是建议用 EdgeOne Pages

拿不准就先用 Vercel。

方法一:部署到 Vercel

先安装命令行工具并登录:

npm install -g vercel
vercel login

进入你的项目文件夹,运行:

vercel

第一次运行时,它会问几个问题(项目名、项目在哪个目录、用什么框架),一般直接按回车用默认值即可。新项目的第一次部署就是正式环境,完成后会给你一个可以直接访问的网址。

以后改完代码,再发布正式版本:

vercel --prod

不加 --prod 的话,生成的是预览版本,适合先自己看一眼再正式发布。

方法二:部署到 Cloudflare Pages

先登录 Cloudflare 的命令行工具 Wrangler:

npx wrangler login

创建项目(会让你填项目名),然后把构建好的文件夹上传:

npx wrangler pages project create
npx 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、密码这类信息不要直接贴进对话。

参考