react-notion-blog

关键功能

• 选择Notion作为CMS: 作者因不满Markdown的编辑功能，决定使用Notion的丰富内容编辑功能来构建博客。

• react-notion的创建: 基于Vercel的Notion博客项目和chorale.app，作者开发了react-notion，一个可以渲染Notion内容的开源React渲染器。

• notion-api-worker: 为了获取Notion页面的blockMap，作者创建了一个基于Cloudflare Workers的无服务器包装器，以提供快速响应。

• Next.js项目设置: 使用Vercel提供的指南设置Next.js项目，并集成react-notion。

• 博客概览页面实现: 使用getStaticProps获取所有博客帖子，并在主页上展示链接列表。

• 博客文章页面实现: 通过slug获取特定博客文章的内容，并使用NotionRenderer渲染。

• Next.js路由和样式: 实现getStaticPaths以支持基于slug的路由，并引入必要的CSS样式。

• Splitbee集成: 作者介绍了Splitbee.io的分析工具，并提供了集成到博客的步骤。

• 获取Splitbee: 提供了注册Splitbee的链接，并展示了如何在博客中添加分析脚本。

• 项目代码: 网站最后提供了GitHub上的完整代码链接，供读者参考。