自豪地开源：

NoDrogen

NoDrogen是使用Next.js开发、React-Notion-X渲染的Notion写作博客系统

演示网站 https://nodrogen.vercel.app/

实验性版本在dev分支

基本特性

• 一式两端，Core和Client，高度分离，更快速。
• NoDrogen支持几乎所有Notion的块。
  最快每一个月一个二级版本，相同二级版本之间(1.2.x)都能任意兼容。
• 核心大小仅300kb，专注于Notion内容渲染。
• 重视SEO

快速构建

前提配置

星标该仓库🤪

• Fork此仓库
• ForkNoDrogen-Core仓库
• 复制NoDrogen模板并公之于众
• 设置Core端环境变量（使用Vercel部署时在Deloy之前设置）

PAGE_ID=aa045af321034b62ad9c962b42fe7f48

PAGE_ID

PAGE_ID在哪里？

打码处就是啦

• 设置客户端环境变量

TWIKOO_ID=https://zitons-nodrogen.hf.space
NEXT_PUBLIC_PROTOCOL=https://
NEXT_PUBLIC_BLOG=api.kisrea.com
NEXT_PUBLIC_FIRST_SLUG=c64b67c2-ff19-43c7-8f7f-9dbe0144ac1f

NEXT_PUBLIC_BLOG部署Core的域名 TWIKOO_ID用于调用评论系统 NEXT_PUBLIC_FIRST_SLUG为保留名

自有服务器（推荐）

git clone http://github.com/kisrea-team/NoDrogen.git
cd NoDrogen
npm install --unsafe-perm
npm run build
npm run start

Vercel（推荐）

注意：需要部署两次，一个Core，一个Client，配置的环境变量在前提配置中。

1.启动Vercel
2.选择Next.js

3.导入Git仓库


4.修改环境变量
5.Deloy

静态导出

NoDrogen默认不再支持静态导出。

致谢

React-Notion-X Nobelium NotionNext