如何使用Notion搭建个人博客
何为Notion
Notion是一款集成了笔记、知识库、数据表格、看板、日历等多种能力于一体的应用程序。适用于桌面和移动端。
个人博客的搭建一般都比较麻烦，需要购买域名，云服务器……还需要长期维护。而把Notion中的页面转化为博客的页面，只需要Notion + Vercel + next.js。
- Notion：用作博客内容管理工具，Notion 在这里承担服务器或数据库的角色。
- Vercel：一个免费的前端部署平台，支持增量式更新，更新文章后无需再次部署。
- Next.js：一个框架，一种在服务器端渲染的技术，弄不懂也没关系。
配置GitHub文件
这是GitHub项目链接，也可以先参观一下他的网站Transitivebullsh.it，这正是我们搭建完博客之后的样子。
fork完之后，在GitHub中打开site.config.js文件并进入编辑模式。大概有四个地方需要编辑。
- 第一部分，忘记画出来了，在第二部分上放五行处。将rootNotionPageId改为Notion页面的ID，那Notion页面的ID是什么，下面我会介绍。
- 第二部分，博客名称，Notion页面原链接，作者。其中链接后面的32个字符和第一部分的ID怎么那么像，其实这就是ID。
- 第三部分，外链，也就是其他社交平台的链接。
- 第四部分，把navigationstyle中的default(默认)改为(custom)，并把花括号里面的「//」全部删除，并修改里面的ID，即可自定义博客右上角的两个页面按钮。
然后保存文件，这样我们的文件就配置完成了。
在Vercel部署
打开Vercel网站并注册帐号，建议用GitHub快捷登录。进入如图页面，从自己的 GitHub 中选择刚fork来并且配置好的项目，后点击input。
不需要修改配置信息，点击下一步，等待 Vercel 自动运行设定好的程序，直至页面返回「Successful」的提示，说明我们的博客顺利部署好了。
部署好了之后，点击visit就可以看到自己熟悉的Notion页面变成了博客网站。
如何编辑Notion页面
Notion是个非常难学的平台，因为其功能太多太强大了。接下来介绍几个对博客页面有美化作用的几个小知识。
如何把文章在主页上的预览变成如此美丽的卡片式。只需要打开Notion，在设置好的主页面里添加一个Database(数据库)，再把View(显示格式)换成Gallery(画廊格式)，这样就可以显示第一张图片了，如果想显示封面上的背景，就把Card preview切换成Page cover。
我们还可以设置Property，并且选定使之显示。我建议显示「name」「text」「date」「tags」自然也有其他的，按照喜好来。
总结
这样我们用Notion做的博客网站就大功告成了，开始为止写博文吧。
不过这个平台在国内被墙了，需要梯子才可以进入，简直太可恶了。不过我们可以使用Cloudflare等来加速。
这是我的Notion博客链接：