1.准备您的Notion页面,开启页面分享权限

复制下方模板到您的Notion中:
NOTION BLOG
复制【模板
点击右上角的Duplicate,将模板复制到您的笔记中。
点击 Share ,在弹出窗口中点击 Publish to web

https://puddle-closet-1f6.notion.site/c847af23c0ee47109b3c4c3ed9543aa2?v=cf87584aca8142cfb033f4ab8221bd7e&pvs=4

复制页面ID:c847af23c0ee47109b3c4c3ed9543aa2

2.Fork此Github项目

什么是Fork:意为将NotionNext源代码复制一份到您的Github账号中。
请先注册并登陆Github账号,并点击下方链接一键fork项目。
fork【NotionNext

3.将Github项目导入Vercel

点击导入您的NotionNext项目
注意:这里步骤放慢些,不要点击页面上的Deploy按钮,先看下方教程。
点击Environment Variables(环境变量),并添加一个属性名称为NOTION_PAGE_ID,值为步骤一获取到的页面ID。
左侧填写NOTION_PAGE_ID,右侧填写页面ID的值,点击【ADD】。

NOTION_PAGE_ID
c847af23c0ee47109b3c4c3ed9543aa2

添加完环境变量后,点击Deploy按钮,静候两分钟等待部署。

4.完成

在部署完成页面,点击Go to Dashboard访问控制台。
在控制台右上角的Visit按钮访问您的站点。或在DOMAINS中获取您的网站地址。
在Vercel控制台中找到访问地址。
解析你自己的域名,使用自己的域名访问,这样才能链接上。

注意事项

  1. NotionNext会实时抓取Notion笔记内容 (由于缓存和网络延迟等原因,可能要刷新两次网页才能看到同步结果)。⚠️若您的站点始终无法同步笔记的数据,请再次检查上面的步骤3:
  2. 在Notion中检查您的NOTION_PAGE_ID 格式是否正确、并已开起页面分享。
  3. Vercel后台环境变量中NOTION_PAGE_ID是否配置,并重新配置后尝试Redploy。
  4. 配置文件blog.config.js的NOTION_PAGE_ID不能被写死。
  5. 或者您可以删掉vercel中的项目,重新导入一次即可。
    自定义您的站点 到这里,您已拥有了自己的独立博客,站点的一切内容都可随心所欲地定制。