小小呵博客
小小呵博客
/
✏️
我的第一篇文章
Search
✏️

我的第一篇文章

Tags
Published
November 1, 2026
Author
小小呵
💡
简介
本站使用开源项目 nextjs-notion-blog-starter-kit ,搭建,部署在免费的 vercel 平台。
同时为了节省vercel相关额度,利用ai进行了优化:
  1. 手动更新页面内容
不展开了,可以参考:酷小呵笔记|kuhehe.top酷小呵笔记|kuhehe.top本博客部署及优化:从Notionnext迁移到nextjs-notion-blog-starter-kit
本博客部署及优化:从Notionnext迁移到nextjs-notion-blog-starter-kit

本博客部署及优化:从Notionnext迁移到nextjs-notion-blog-starter-kit

本文介绍了酷小呵通过nextjs-notion-blog-starter-kit项目部署本站,记录了部署过程中遇到的问题,并进行了部分优化,使vercel额度消耗尽可能降到最低

酷小呵笔记|kuhehe.top酷小呵笔记|kuhehe.top
有段时间没更新了,但都差不多

网站配置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 ,出来就是不同网站,互不干扰!
Copyright 2026 小小呵