简介
本站使用开源项目 nextjs-notion-blog-starter-kit ,搭建,部署在免费的 vercel 平台。
同时为了节省vercel相关额度,利用ai进行了优化:
- 手动更新页面内容
不展开了,可以参考:
酷小呵笔记|kuhehe.top本博客部署及优化:从Notionnext迁移到nextjs-notion-blog-starter-kit
有段时间没更新了,但都差不多
本博客部署及优化:从Notionnext迁移到nextjs-notion-blog-starter-kit
本文介绍了酷小呵通过nextjs-notion-blog-starter-kit项目部署本站,记录了部署过程中遇到的问题,并进行了部分优化,使vercel额度消耗尽可能降到最低
网站配置Vercel环境变量
我想用这一个仓库,部署不同的网站,所以就需要把写死在网站配置里的部分内容写到vercel环境变量里
方法:修改 site.config.ts ,
找到类似这一行:
rootNotionPageId: 'xxxxxxxxxxxxxxx',
改成:
rootNotionPageId: process.env.ROOT_NOTION_PAGE_ID || 'xxxxxxxxxxxxxxxxx',
- process.env.ROOT_NOTION_PAGE_ID :读取Vercel环境变量
- || 后面是兜底默认值,本地开发不填环境变量也能跑
如果你还有其他配置(site name、description)也想每个站点独立,都可以用同样写法改成 process.env.XXX || 默认值
Vercel 每个项目单独加环境变量
打开你的每一个Vercel项目 → Settings → Environment Variables
- Key: ROOT_NOTION_PAGE_ID
- Value:这个站点对应的Notion首页Page ID
- 环境选:Production / Preview / Development 全部勾选 保存,然后重新部署这个Vercel项目。
✅ 效果:
- 同一份GitHub源码仓库
- 新建多个Vercel项目关联同一个仓库
- 每个Vercel项目设置自己的 ROOT_NOTION_PAGE_ID ,出来就是不同网站,互不干扰!
