readzn

“

一个基于Notion和Next.js构建的知识型网站，旨在解决阅读烦恼，提供一站式知识管理平台。它通过自动化同步Notion数据库内容，实现零成本维护的知识库系统，特别适合博客、文档站点和个人知识库的搭建。

Github地址

https://github.com/ChrisHyperFunc/readzn

在线体验

https://readzn.com/

项目背景

随着信息爆炸式增长，高效组织和管理知识资源成为痛点。Readzn 结合Notion的灵活内容管理和Next.js的高性能渲染，提供开箱即用的知识导航解决方案。

特性亮点

快速响应

• 快速页面渲染和响应式设计

• 高效的静态生成编译器

即时部署

• 在 Vercel 上几分钟内完成部署

• 增量重生成，无需在更新 Notion 内容后重新部署

功能完备

• 评论系统、全宽页面、快速搜索和标签筛选

• RSS 订阅、数据分析、Web Vitals 等更多功能

易于定制

• 丰富的配置选项，支持中英文界面

• 基于 Tailwind CSS 构建，方便自定义样式

友好 URL 和 SEO

• 优化的 URL 结构

• 完善的 SEO 配置

快速开始

环境准备

• Node.js >= 16.13.0

• pnpm >= 7.0.0

配置说明

复制 Notion 模板: Readzn Template。

在 Vercel 部署时配置环境变量：

# 必需配置
NOTION_PAGE_ID="your_32char_page_id" # 在 Notion 页面 URL 中获取

# 可选配置
NOTION_ACCESS_TOKEN="secret_xxx"   # 用于私有数据库访问
GA_MEASUREMENT_ID="G-XXXXXXXXXX"   # 谷歌分析 ID

本地开发

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

Docker 部署

# 设置环境变量
exportNOTION_PAGE_ID=xxx
exportIMAGE=readzn:latest

# 构建 Docker 镜像
docker build -t${IMAGE}--build-arg NOTION_PAGE_ID .

# 运行容器
docker run -d --name readzn -p 3000:3000 -e NOTION_PAGE_ID=${NOTION_PAGE_ID}${IMAGE}