<aside> 💡 首先是效果展示，也就如本博客所展示的一样。 If anyone needs an English version of this tutorial, you can leave a comment to me.

</aside>

支持特性：

• 完全免费，且支持评论功能
• 搭建操作简单，最全最细教学
• 系统一经搭建，后续操作只需在 Notion 即可完成，不再需要通过 Git 来完成博客更新
• 支持搜索功能（感觉只能搜索标题）
• 支持白天/黑夜模式 🌑
• 增加 Google Analytics 分析功能
• 图片点击放大功能🔍
• 简单表格 (目前 react-notion-x 还不支持该特性)
• 支持 sitemap，进行简单的 SEO 优化
• 可爱的 Feedback，提升博客活力🔥

快速开始：

GitHub - frankcbliu/awesome-nextjs-notion-blog: Deploy your own Notion-powered website in minutes with Next.js and Vercel.

• fork 上面的仓库，然后把 fork 后的仓库 clone 到本地
• 修改配置文件 site.config.js （修改内容见下方）
• 本地运行：

yarn
yarn dev

运行成功后，打开 http://localhost:3000