从今年 1 月份开始造轮子,经过断断续续几个月的改进,现在感觉可以拿出来玩了。
概要
- Notion 表作数据源(文章,友链等),看以把 notion 表格看成云端数据库。
- 构建流程:Gatsby build > 从 notion "数据库" 获取数据 > 转化为 GraphQL 结构化数据 > React 获取数据 > 静态化渲染 > 静态博客内容
- 动态内容实现,通过 netlify 的 lambda function 请求 notion 接口获取数据( notion api 跨域限制,只好曲线救国😂)
- 添加了一些个性化的接口,展示实时数据(正在听的音乐,正在玩的游戏)
- 使用流程: 在 notion 上写文章 > 触发 netlify 的 build hook (此处应有发射按钮)> 博客更新
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 )