引言
本文将完整介绍如何将 Next.js 博客部署到 Vercel 平台，并实现自动化发布的全流程。通过以下三个核心步骤，您将获得一个高性能、全球 CDN 加速的现代化博客系统。
一、域名购买
域名是博客的重要组成部分，它可以帮助读者更方便地找到你的网站。虽然有像 https://xxxx.github.io 这样的免费域名，但是在国内的访问速度很慢。所以如果你想在来自国内用户有一个流程的体验，建议购买域名。
购买域名需要在国内注册商购买（方便备案），比如万网。同时不建议使用 .top .io .blog 等对大众来说不常见的域名，最好还是 .com .cn 域名。另外 .net .org 域名也不推荐使用。
如果你想保护自己的注册商标或者品牌，建议多个域名同时购买。
二、ICP 备案
-
服务器在中国大陆：根据中国法律，必须完成ICP备案（工业和信息化部备案）和公安备案，否则网站会被屏蔽。
-
服务器在境外（如香港、美国等）：无需ICP备案，但需遵守当地法律法规。
我使用 Next.js + Vercel 部署的网站，服务器选择的是香港，属于“服务器在境外”的情况，所以没有备案。
三、部署上线
3.1 服务器还是 Serverless
因为我建站采用的是Next.js方案，而作为同一家公司的产品Vercel，无缝适配 Next.js 特性，拥有极致的性能优化，是部署Next.js网站的最佳选择。
而至于其他方案建站，我也总结了以下几种情况作为参考：
| 情景 | 建议 |
|---|---|
| 使用 Hugo 或 Hexo 的个人静态网站 | 不需要服务器。建议使用阿里云 OSS、Vercel、Cloudflare Pages 等对象存储或静态托管平台，速度快且成本低。 |
| 自建 Next.js 静态网站 | 不需要服务器，推荐用 Vercel 或 Netlify 托管，支持自动部署和 CDN 加速。也可以使用 OSS |
| Next.js + SSR 或 API | 需要服务器，或使用 Serverless 服务（如 Vercel、AWS Lambda）处理动态请求。 |
| 有后端的网站（数据库或 API 支持） | 需要服务器，建议选择云服务器（如阿里云 ECS、AWS EC2），或使用 PaaS 服务（如 Heroku、Render）。 |
| 需要持久化存储或复杂逻辑 | 需要服务器，适合使用云服务器或托管数据库（如 RDS、MongoDB Atlas）。 |
大部分个人的网站都可以选择 Serverless 这种方式。国外可以托管至 Github、Vercel、Cloudflare 等平台，国内可以放在对象存储上。
3.2 Vercel部署流程
推荐教程：视频教程
1.代码托管到Git仓库
2.登录Vercel官网（我们之前在集成Twikoo评论系统时已经注册过）。
3.新建项目
进入 Overview 页面，点击 Add New 按钮，选择 Project。
选择我们项目所在的仓库 → Import。
4.配置部署设置
Vercel会自动识别你使用的语言、根目录以及一些打包指令，帮你配置好。一般情况下，自动识别出来的配置都是正确的，如有错误需自行修改，项目名称也可根据自己的需求修改。
5.部署项目
确认好配置后，点击 Deploy，等待 1-3 分钟完成部署。
6.绑定自定义域名
部署成功后会生成一个域名，我们可以使用这个域名访问自己的网站了（可能需要梯子）。未防止出现国内无法访问的情况，需要绑定自己的域名。
进入 Setting → Domains 页面，点击 Add 按钮添加域名，添加成功后就能使用自己的域名访问了。
7.配置 DNS 解析
根据 Vercel 提供的 DNS 记录（通常为以下两种方式之一）：
推荐方式：
类型: CNAME
名称: blog （子域名）
值: cname.vercel-dns.com
或：
类型: A
名称: @ （主域名）
值: 76.76.21.21
我购买的是阿里的域名，添加步骤如下：
登录阿里云官网 → 鼠标移到右上角头像 → 点击账号 → 鼠标移到左上角菜单栏 → 云解析DNS → 添加域名
三、自动部署触发
默认情况下，每次向 Git 仓库的 main 分支推送代码时，Vercel 会自动重新部署。