跳转至

Vercel 部署教程

适用:静态站 / Next.js 等框架;需能访问 GitHub。

1. 准备

  • GitHub 账号,代码在 GitHub 仓库(含 package.json 或静态 index.html)。
  • Vercel 账号:在 Vercel 注册/登录并授权 GitHub。

2. 一键导入并部署

1) 在 Vercel Dashboard 点击 New Project → 选择 GitHub 仓库。
2) 构建设置保持默认(Vercel 会自动识别静态站或 Next.js)。
3) 点击 Deploy,等待构建完成后获取公开 URL。

  • 静态站:无需设置构建命令;如需指定输出目录,在 “Build Output” 填 dist/build 等。
  • Next.js:默认命令 npm run build,输出 .vercel/output(自动处理)。

3. 自定义域名(可选)

1) 项目页 → Settings → Domains 添加域名。
2) 按提示在 DNS 配置 CNAME / A 记录,生效后即可访问。

4. 常见问题

  • 构建失败:检查 Node 版本、锁文件,或在 “Environment Variables” 补充必要变量。
  • 国内访问慢:可用 EdgeOne Pages 作为镜像,或使用 Vercel Edge Network(默认)。
  • 404 / 样式缺失:确认输出目录正确且资源路径为相对路径。

参考文献