Vercel部署多个Github网站

部署原理

在开始部署多个网站前，需要简单了解一下vercel部署站点的原理，github上的项目、

Vercel可以部署多个项目，您可以通过将Github仓库导入Vercel，或者通过别的方式上传代码。

如果您的项目是通过Github连接并导入，则Vercel会自动关联监听仓库中代码，一旦Github中的代码发生修改就会重新部署您的站点。

在项目中可以通过disconnect，断开和github仓库的链接，这样就不会实时监听代码的修改，此时您在Notion中的修改的文章和配置还是会被实时读取到。

断开链接的vercel项目，或者从未关联过的项目，可以在这里手动链接，

链接Github后可以指定监听的分支，例如main分支。

链接后，只要随意修改一下对应分支的代码，vercel就会尝试自动拉取代码并安装部署。

同一个Github仓库只能被Vercel中的最多3个项目链接。超过则不被允许。

Github仓库是可以建立无数个分支的，每个分支的代码完全独立，您可以将每个分支用来规划城不同的网站。

了解了以上特性我们就可以尝试部署多个站点。

您可以在Github中的NotionNext项目中，创建多个分支，几个分支就是几个网站。

点击左上角的分支名，并打开View all branches ，这里可以管理你的所有分支

点击new branch 创建新分支

例如，我创建了 deploy/tangly1024.com这个分支专门用来部署我的网页

要修改这个分支代码，只要在左上角切换到此分支即可。

💡

创建多个分支不是必须步骤，例如我部署的多个项目绑定的都是同一个分支，只是在vercel中通过不同项目的环境变量即可修改网站内容，或者直接在notion_config中修改站点信息即可。

vercel面板首页点击添加新项目

选择导入NotionNext

这里需要注意，NotionNext这个仓库最多被重复导入3次，如果要导入新的站点，请将已存在的项目断开Github链接，取消链接的方法已在上文指出。

导入项目后注意给这个项目配置Notion_Page_ID

还有什么疑问欢迎在评论区留言。