在Vercel上免费搭建一个Notion博客
1.准备您的Notion页面,开启页面分享权限
复制下方模板到您的Notion中:
NOTION BLOG
复制【模板】
点击右上角的Duplicate,将模板复制到您的笔记中。
点击 Share ,在弹出窗口中点击 Publish to web
复制页面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控制台中找到访问地址。
解析你自己的域名,使用自己的域名访问,这样才能链接上。
注意事项
- NotionNext会实时抓取Notion笔记内容 (由于缓存和网络延迟等原因,可能要刷新两次网页才能看到同步结果)。⚠️若您的站点始终无法同步笔记的数据,请再次检查上面的步骤3:
- 在Notion中检查您的NOTION_PAGE_ID 格式是否正确、并已开起页面分享。
- Vercel后台环境变量中NOTION_PAGE_ID是否配置,并重新配置后尝试Redploy。
- 配置文件blog.config.js的NOTION_PAGE_ID不能被写死。
- 或者您可以删掉vercel中的项目,重新导入一次即可。
自定义您的站点 到这里,您已拥有了自己的独立博客,站点的一切内容都可随心所欲地定制。
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 程序员小航
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果