Skip to content

使用Notion作为内容管理系统,使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。

Notifications You must be signed in to change notification settings

Nopysiu/nextjs_notion_blog

 
 

Repository files navigation

一款基于notion api + NextJS的博客,发布后可以在notion中进行博客管理

使用

notion

需要去notion复制我的table,再单击你的notion页面右上角的share按钮,然后复制你的页面链接,拿出你自己的页面ID;

// 举个🌰
https://wealthy-spandex-08f.notion.site/72a0620229214dc38358fec81666c372?v=ab1c37eac615436fa6b46dc9e995b2b0
                                        |------------------------------| 这一段就是你的页面ID

fork

然后需要fork本项目

发布

最后在去vercel发布你的项目。 但你还需要在部署时修改一下环境变量:

NOTION_BLOG_ID=你的页面ID
NAME=你的博客名
INTRO=介绍
GITHUB_NAME=github名字

举个🌰

我的Blog: https://iiijr.site/

其它

使用到的技术:nextJS,notion,react-notion-x,react-notion

TODO

  • 主题系统

  • 首页img头像

About

使用Notion作为内容管理系统,使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 77.1%
  • CSS 21.8%
  • Shell 1.1%