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 / 样式缺失:确认输出目录正确且资源路径为相对路径。