遵循此教程您将在Vercel上免费搭建一个Notion博客
Vercel是一个在线代码托管平台,对于个人使用,其免费版已经完全足够,因此您无需购买服务器即可搭建自己的网站。 除了Vercel云托管、您还可以选择Zeabur部署服务器本地部署导出静态网页Docker容器化CloudFlare部署等方案。
💡
请先注册并登陆您的Notion账号。
notion image
notion image
点击右上角的Duplicate,将模板复制到您的笔记中
notion image
notion image
什么是Fork:意为将NotionNext源代码复制一份到您的Github账号中。
💡
请先注册并登陆Github账号,并点击下方链接一键fork项目。
notion image
notion image
1.使用Github账号登录Vercel
notion image
notion image
2.点击导入您的NotionNext项目
notion image
如图所示,左侧填写 NOTION_PAGE_ID , 右侧填写 页面ID的值
notion image
1.点击Deploy进行自动部署
notion image
notion image
2.在Vercel控制台中找到访问地址
💡
NotionNext会实时抓取Notion笔记内容 (由于缓存和网络延迟等原因,可能要刷新两次网页才能看到同步结果)。
⚠️
若您的站点始终无法同步笔记的数据,请再次检查上面的步骤3: 1. 在Notion中检查您的NOTION_PAGE_ID 格式是否正确、并已开起页面分享。 2. Vercel后台环境变量中NOTION_PAGE_ID是否配置,并重新配置后尝试Redploy。 3. 配置文件blog.config.jsNOTION_PAGE_ID不能被写死。 4. 或者您可以删掉vercel中的项目,重新导入一次即可。
💡
到这里,您已拥有了自己的独立博客,站点的一切内容都可随心所欲地定制。
请访问下方的《NotionNext 操作手册》获取更多站点配置的帮助!