littlebot
Published on 2025-04-11 / 0 Visits
0

【源码】基于Gatsby和Notion的博客网站搭建工具

项目简介

本项目是一个用于快速搭建博客网站的工具,基于Gatsby.js框架和Notion.so平台。借助内置的gatsby-source-notion-database插件,可将Notion数据库中的数据转化为Gatsby可用的Graphql数据节点,实现网站内容的动态展示。

项目的主要特性和功能

  1. 博客应用功能完备,有文章列表、文章详情和书单单页,满足基本博客展示需求。
  2. 数据来源便捷,以Notion数据库作为数据源,方便用户管理和更新内容。
  3. 支持关联数据,能处理Notion数据库中的Relation关联数据,实现数据关联展示。
  4. 动态页面创建,提供简单分页演示,可动态创建文章详情页。

安装使用步骤

  1. 进入项目目录:使用cd my-gatsby-notion-site进入项目文件夹。
  2. 启动开发服务器:运行yarn develop启动本地开发服务器,在浏览器中查看效果。
  3. 配置数据源:在gatsby-config.js文件中配置Notion数据库的表格链接和缓存类型,默认已配置postsbooks两个表格。
  4. 调试数据:若需调试数据,可在本地开发时访问http://localhost:8000/___graphql查看Graphql节点信息。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】