Vercel部署多个Github网站
category
tags
type
status
slug
summary
date
Last edited time
Nov 18, 2024 03:11 AM
icon
password
状态
天气
星期
日期
如果部署一个网站没能满足您的需求,您可以在vercel中重复部署多个网站。除了vercel,其他的Netlify、CloudFLare等等也可以用类似的方法部署多个。
部署原理
在开始部署多个网站前,需要简单了解一下vercel部署站点的原理,github上的项目、
Vercel导入Github项目
Vercel可以部署多个项目,您可以通过将Github仓库导入Vercel,或者通过别的方式上传代码。
Vercel 监听github代码自动部署
如果您的项目是通过Github连接并导入,则Vercel会自动关联监听仓库中代码,一旦Github中的代码发生修改就会重新部署您的站点。
Vercel 断开Github链接
在项目中可以通过disconnect,断开和github仓库的链接,这样就不会实时监听代码的修改,此时您在Notion中的修改的文章和配置还是会被实时读取到。
Vercel重新将项目与Github关联
断开链接的vercel项目,或者从未关联过的项目,可以在这里手动链接,
链接Github后可以指定监听的分支,例如main分支。
链接后,只要随意修改一下对应分支的代码,vercel就会尝试自动拉取代码并安装部署。
Vercel与Github的链接关系
- Vercel项目连接Github仓库是有限制的
同一个Github仓库只能被Vercel中的最多3个项目链接。超过则不被允许。
- Vercel 后台可以指定当前项目绑定的是Github仓库中的哪个分支
Github仓库是可以建立无数个分支的,每个分支的代码完全独立,您可以将每个分支用来规划城不同的网站。
如何部署多个NotionNext站点
了解了以上特性我们就可以尝试部署多个站点。
Github的分支管理
您可以在Github中的NotionNext项目中,创建多个分支,几个分支就是几个网站。
点击左上角的分支名,并打开View all branches ,这里可以管理你的所有分支
点击new branch 创建新分支
例如,我创建了 deploy/tangly1024.com这个分支专门用来部署我的网页
要修改这个分支代码,只要在左上角切换到此分支即可。
创建多个分支不是必须步骤,例如我部署的多个项目绑定的都是同一个分支,只是在vercel中通过不同项目的环境变量即可修改网站内容,或者直接在notion_config中修改站点信息即可。
Vercel的多项目管理
vercel面板首页点击添加新项目
选择导入NotionNext
这里需要注意,NotionNext这个仓库最多被重复导入3次,如果要导入新的站点,请将已存在的项目断开Github链接,取消链接的方法已在上文指出。
导入项目后注意给这个项目配置Notion_Page_ID
最后
还有什么疑问欢迎在评论区留言。
Prev
NotionNext项目运行原理
Next
Vercel静态部署NotionNext
Loading...