Vercel部署多个Github网站

category
tags
type
status
slug
date
password
Last edited time
Apr 15, 2024 02:59 AM
summary
icon
 
如果部署一个网站没能满足您的需求,您可以在vercel中重复部署多个网站。除了vercel,其他的Netlify、CloudFLare等等也可以用类似的方法部署多个。
 

部署原理

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

Vercel导入Github项目

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

Vercel 监听github代码自动部署

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

Vercel 断开Github链接

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

Vercel重新将项目与Github关联

断开链接的vercel项目,或者从未关联过的项目,可以在这里手动链接,
notion image
链接Github后可以指定监听的分支,例如main分支。
链接后,只要随意修改一下对应分支的代码,vercel就会尝试自动拉取代码并安装部署。
 

Vercel与Github的链接关系

  1. Vercel项目连接Github仓库是有限制的
    1. 同一个Github仓库只能被Vercel中的最多3个项目链接。超过则不被允许。
  1. Vercel 后台可以指定当前项目绑定的是Github仓库中的哪个分支
    1. Github仓库是可以建立无数个分支的,每个分支的代码完全独立,您可以将每个分支用来规划城不同的网站。
      notion image

如何部署多个NotionNext站点

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

Github的分支管理

您可以在Github中的NotionNext项目中,创建多个分支,几个分支就是几个网站。
点击左上角的分支名,并打开View all branches ,这里可以管理你的所有分支
notion image
点击new branch 创建新分支
notion image
例如,我创建了 deploy/tangly1024.com这个分支专门用来部署我的网页
notion image
要修改这个分支代码,只要在左上角切换到此分支即可。
💡
创建多个分支不是必须步骤,例如我部署的多个项目绑定的都是同一个分支,只是在vercel中通过不同项目的环境变量即可修改网站内容,或者直接在notion_config中修改站点信息即可。
 

Vercel的多项目管理

vercel面板首页点击添加新项目
notion image
选择导入NotionNext
notion image
这里需要注意,NotionNext这个仓库最多被重复导入3次,如果要导入新的站点,请将已存在的项目断开Github链接,取消链接的方法已在上文指出。
导入项目后注意给这个项目配置Notion_Page_ID
 

最后

还有什么疑问欢迎在评论区留言。
Vercel绑定自定义域名Vercel快速重新部署项目
  • Twikoo
  • Giscus
  • Cusdis
✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨‍👦‍👦 联系方式