关于我在使用NotionNext 搭建个人博客期间的踩坑日记
😀
年前开始捣鼓自己的博客,无意间刷到了Tangly大佬的NotionNext,恰巧自己也正在用 Notion,试了一把建站发现异常地顺利,各种主题、换肤、动效,完美符合我对个人站的要求。这里记录一下我的网站搭建日志。
📝 建站契机
记得在学校的时候也捣鼓过一段时间的个人站,当时是用的 Hexo + githubPage,还自己买了服务器,虽然自定义程度很高,但是没有坚持下来,关键还是没有养成勤写博客的习惯。
后续陆陆续续用过简书、语雀、印象笔记、微软的note软件,考研期间甚至还自己搭了一个纯手写的博客 + 个人知识库 + 学习打卡系统(现在知道我为什么考不上研了 🥲)
kaoyan
CreateSun • Updated Feb 18, 2022
总体的思路就是打一枪换一个地方,算是把能踩的坑全踩了一遍。工作之后这是第一次重新捡起了个人博客,希望能坚持下去,所以这次痛定思痛,深度剖析了自己到底要建立一个什么样的博客、写什么内容、达到什么样的效果,最终选择了Tangly大佬的NotionNext框架,主要有以下几点:
1️⃣ 简单易懂,开箱即用,支持独立部署,稍作修改就能上线访问
2️⃣ 联动 Notion,形成天然的 CMS 管理系统。Notion强大的编辑功能,我认为比传统的 Markdown 更加方便
3️⃣ 学习曲线平和,不过分掺杂代码修改,能够让我把目光更专注在内容上
4️⃣ 种类不多但够用的主题样式,符合我一个工科男的视觉要求
5️⃣ SEO 友好,支持快速配置搜索引擎检索代码
🤗 踩坑记录
Config中的配置完全不生效
这个问题算是折磨了我很久,自己检查了很多遍notion中的配置,vercel的配置,都是没有问题的。但是build出来产物中就是没有我的自定义配置,在控制台调试服务端渲染的数据,NOTION_CONFIG这个字段是个空数组。
最后逼得我开始调试源码,后来不知怎么突然醒悟过来,重新翻看了部署文档,原来是我修改了 Noton中的database的视图。。。
模板中本身有四个视图,源码中读取notion中配置的逻辑是读取的指定表格:Table, 我在配置的过程中觉得这个视图比较鸡肋就给随手删了,没想到阴差阳错走了许多弯路。
写在最后
推荐一下我非常喜欢的一个主题:
HEO主题 | NotionNext帮助手册HEO主题 | NotionNext帮助手册
HEO主题 | NotionNext帮助手册
Notion开源、免费、快速建站
这里贴一些也在用这个主题的大佬的站点,都非常棒:
我的博客2025建站目标:
- 接入评论组件
- 一个月至少产出一篇文章
- 增加更多外链,和大佬交朋友~
📎 参考文章
💡
有关Notion安装或者使用上的问题,欢迎大家一起交流~