关于javascript:使用-Vercel-全自动部署个人网站

1. 什么是 Vercel

Vercel 是一个全自动的 Web 利用部署、预览、上线平台。他相似与 Github Page 与 Github Action 的联合，然而与其有如下几个个性：

• 反对利用模板，能够帮忙开发人员疾速搭建一个利用并实现上线流程；
• 反对 Github 我的项目导入与联动；
• Github Action 是 CICD 流水线，而 Vercel 只专一于我的项目部署（动态托管），以及提供 Serverless Function，其余的事件，比方 npm 主动发包、继续集成测试，不是 Vercel 的业务范围；
• 反对零配置部署到寰球的边缘网络，访问速度比 Github Page 快得多，无需关怀 CDN、HTTPS，Vercel 会帮你做好这所有；
• Vercel 能够部署多种环境，出了我的项目次要的生产环境之外，它能够将你的其余分支视为预览分支进行部署（当然这些预览环境会加上对应的响应头避免被搜索引擎收录）

2. 应用

这里咱们用 EsunR/Blog-Index 我的项目做示例，应用 Vercel 对其进行部署。

2.1 创立 Github 仓库

首先，点击我的项目的 Fork 按钮，将我的项目同步到本人的 Github 仓库中：

而后将该仓库 clone 到本地，按我的项目阐明，进行装包、批改配置文件、调试等一系列工作后，将变更提交，并推送到该仓库。

2.2 Vercel 平台接入

登入 Vercel 官网 实现账号注册，进入到工作台后，受权你的 Github 仓库权限给 Vercel：

受权实现后导入我的项目：

对我的项目进行配置，并手动调整构建语句配置：

实现后点击 Deploy 即可开始部署，实现后便可返回我的项目控制台查看 Vercel 为你调配的域名了：

当然，在我的项目设置中能够帮你你本人的域名：

后续你只须要批改你仓库中 Fork 下的代码即可，推送到 github 上时便会主动触发 Vercel 的重新部署流程。

如果你想切换默认部署的分支，能够将 Production Branch 设置为别的分支即可：