Vercel 是一个平台，可让您使用您喜欢的工具和框架构建、扩展和保护 Web 应用程序。在Vercel上部署一个项目很方便快捷。我一个手残选手，也能很快摸索上马，具体过程如下。
一、准备条件：
1.注册一个Vercel账号
2.注册一个github账号
3.github上创建一个新项目（可以通过Vercel创建github仓库，也可以先github创建仓库，然后导入到Vercel，我是用第一种方式）
4.自备一个域名
二、准备github代码
webstack-hugo项目是一个基于webstack的一个hugo版的静态导航网站，由于配置简单，页面美观，被我fork下来并修改了目录结构。按照hugo的目录结构做的修改，项目clone下来后，直接在根目录下执行hugo server命令就可以启动个静态地址来预览，导航站预览地址：https://nav.yxrose.top 。
三、Vercel平台导入项目
在Vercel平台项目下，在左侧列出的github项目列表，选中想要导入的github项目（git仓库支持github、gitlab、bitbucket），然后按需配置环境变量。变量可以在Vercel上创建项目时配置，也可以在项目代码的根目录下创建个vercel.json文件，用来配置环境变量，内容如下：
{
"build": {
"env": {
"HUGO_VERSION": "0.124.1"
}
}
}四、首次构建和更新构建
配置好上面简单几步后，点击部署按钮，项目就进入自动部署过程了，可以查看项目部署日志和报错信息。如果正常的话，这时访问Vercel提供的域名就可以访问到刚刚部署的网站了。
网站内容有更新时，可以本地修改代码，然后提交到github上，提交后，自动触发Vercel重新部署项目，整个过程非常快速，我部署的网站更新代码时从提交完到页面生效的时间只用了16s。
五、域名和证书
项目部署完之后，Vercel提供了一个vercel.app后缀的域名，但是这个域名在国内访问会被限制，所以可以配置自己的域名用来访问。
具体操作也很简单，点击域名按钮，进入配置页面，配置域名和重定向方式为No Redirect，git分支选择你的分支，没创建新的分支的话就不用动，默认会选中唯一的main分支。
然后在域名购买处，配置域名解析，cname到cname.vercel-dns.com上，就可以通过自定义域名进行访问了。
非常令人开心的是，不需要我们为域名配置证书，证书Vercel都帮我们配置好了，直接使用自己的域名，也支持https的方式访问，相当方便。
六、总结
我们首先在github上创建了一个hugo的项目，然后在Vercel上导入项目，然后配置环境变量后，项目就可以构建运行了。启动后，再配置上自己的域名，然后就可以正常访问了，
整个过程中，Vercel替我们做了项目编译、CICD、域名配置、证书配置等工作，我们只需要关注项目的代码即可。平台使用起来也是很流畅，第一次使用体验很好。
评论区