为了用 notion 写博客，我造了一个轮子🌈

[mayne95]

从今年 1 月份开始造轮子，经过断断续续几个月的改进，现在感觉可以拿出来玩了。

概要

• Notion 表作数据源（文章，友链等），看以把 notion 表格看成云端数据库。
• 构建流程：Gatsby build > 从 notion "数据库" 获取数据 > 转化为 GraphQL 结构化数据 > React 获取数据 > 静态化渲染 > 静态博客内容
• 动态内容实现，通过 netlify 的 lambda function 请求 notion 接口获取数据（ notion api 跨域限制，只好曲线救国😂）
• 添加了一些个性化的接口，展示实时数据（正在听的音乐，正在玩的游戏）
• 使用流程： 在 notion 上写文章 > 触发 netlify 的 build hook （此处应有发射按钮）> 博客更新

效果： https://gine.me/page/1

github： https://github.com/mayneyao/gine-blog

挖坑详情： https://gine.me/posts/54fc4aaa38434d92afddf5d4b75b76b0

使用文档： https://gine.me/posts/a788c3e6713e4166a4a8c72a7977b457

用到的技术栈：React + Gatsby + GraphQL + Material-UI

用到的服务：Notion + Netlify + Github

全是第三方服务，代码甚至不用走本地，没啥使用负担。用到的服务都提供 API，数据均可导出。 至此为止似乎圆满了，终于可以好好写博客了😂（ flag+1 ）

[nosky]

用 notion 做数据源真的是不错的想法，👍👍👍

[mayne95]

@nosky notion 天下第一 2333

[creedowl]

notion 对 md 支持奇奇怪怪的一直劝退。。

[mayne95]

@creedowl 可能 notion 觉得自家的 block 比 md 更厉害，不屑于兼容 md。到现在 md 导出都是怪怪的，gfm 支持都提了好久了，也不跟进😂

[xieweizhi007]

还能这么玩，赞一个

[adamwang]

关注一波。👍

[tozp]

懒得折腾了，还是 Hugo 好用。

[7138888]

你这操作太 6 了，搬到到 12i.cn/notion 社群中给小伙伴们分享下

[blessu]

rss 订了👍

[xiaoluoboding]

666，支持个

[mayne95]

好多收藏，谢谢大家的支持🎉。因为文档写的太烂了，大家在部署过程中有啥问题的话，欢迎提 issues。

[flavoury]

等楼主更新，更“懒人”一点我也部署上去哈哈哈

[flavoury]

另外楼主注意身体哦，我现在定下目标每天都跑步～还是要注意身体，身体是本钱

[sidkang]

已点赞，楼主厉害了，我最近也在研究怎么样能利用 notion api 来实现一定程度的自动化，学习一波。

[wolfie]

『终于可以好好写博客了（ flag+1 ）』😂😂

上次见过一次用 Notion 写博客的。

[watsy0007]

@wolfie 求链接~

[wolfie]

@watsy0007 #16
/t/528079

[sama666]

今天试试😋，有问题再问

[zdb1115]

身体最重要，

[mayne95]

@flavoury @zdb1115

谢谢关心，“懒人版” 部署步骤见附言。