我选择白嫖！使用vercel快速部署vuepress-next项目

本篇文章将使用vercel部署一个vuepress-next demo项目，关于如何快速搭建一个vuepress-next项目，可以参考这篇文章： 😮零成本也能快速开发个人博客？vuepress快速入门！ - 掘金 (juejin.cn)

什么是vercel？

vercel是一个免费的网站托管服务平台，虽然是一个外国的平台，但是 Vercel CDN 有香港节点。当你使用你自己的域名时，访问速度还是挺快的。如果你需要发布的站点是一个静态站点，那么你只需要像vercel这样的托管平台就能简单的对项目进行部署。

为什么选择vercel？

同样可以进行网站托管服务的平台有github page，nestify。但是vercel相对于它们更快，而且部署和发布也非常简单快速。如果你发布了一个项目，你只需要在git中push后，vercel就会自动进行更新。

开始部署

在github中新建项目

我们先在github中新建一个项目：

然后我们在本地打开我们的项目，将pull拉取一下我们在github上新建的项目中code下的ssh key：

然后我们将本地的代码进行push：

git add .
git commit -m demo
git push git@github.com:qian357891/vuepress-demo.git //ssh key

我们的项目现在就push到了github上

登录vercel并链接github仓库

Login – Vercel

推荐使用github登录，登录后点击add new，然后点击project，我们开始导入git储存库，依然是选择github。

然后我们选择我们要部署的库vuepress-demo

完成操作后点击save，我们回到刚才的页面。可以看到vuepress-demo出现到了我们的导入列表中：

我们点击import，在出现的界面中进行如下的配置：（我们需要填入打包的指令和下载包的指令）。完成后点击deploy

随后，我们就完成了部署

你可以通过vercel分配的网址打开，也可以使用自己的域名。

如果要使用自己的域名，你应该这样做：

• 在搜索栏中输入你的网址，并且add

• 打开你的网址运营商的添加解析，将value的值输入。

• 回到vercel的域的设置，可以看到已经生效了

整个部署就结束了，当你使用git push进行项目更新时，vercel也能够自动的进行更新。是不是很方便呢？