使用 Vercel 部署 Next.js 博客
2025年12月28日
使用 Vercel 部署 Next.js 博客
Vercel 是 Next.js 团队开发的部署平台,提供最佳的 Next.js 部署体验。
部署步骤
1. 准备项目
将代码推送到 GitHub 仓库:
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/username/repo.git
git push -u origin main
2. 连接 Vercel
- 登录 vercel.com
- 点击 "New Project"
- 导入你的 GitHub 仓库
- Vercel 会自动检测 Next.js 项目并配置构建设置
3. 部署配置
Framework Preset 选择 Next.js:
| 设置项 | 值 |
|---|---|
| Build Command | npm run build |
| Output Directory | .next |
| Install Command | npm install |
4. 自定义域名
在项目设置中添加自定义域名:
- 进入 Settings → Domains
- 添加你的域名
- 按提示配置 DNS 记录(CNAME 指向
cname.vercel-dns.com)
更新部署
每次修改代码后:
git add .
git commit -m "Update content"
git push
Vercel 会自动检测并重新部署。
享受愉快的写作体验!