开源的知识型网站，旨在解决阅读烦恼，提供一站式知识管理平台。特别适合博客、文档站点和个人知识库的搭建。

readzn

Github地址

在线体验

项目背景

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

特性亮点

快速响应

• 快速页面渲染和响应式设计
• 高效的静态生成编译器

即时部署

• 在 Vercel 上几分钟内完成部署
• 增量重生成，无需在更新 Notion 内容后重新部署

功能完备

• 评论系统、全宽页面、快速搜索和标签筛选
• RSS 订阅、数据分析、Web Vitals 等更多功能

易于定制

• 丰富的配置选项，支持中英文界面
• 基于 Tailwind CSS 构建，方便自定义样式

友好 URL 和 SEO

• 优化的 URL 结构
• 完善的 SEO 配置

快速开始

环境准备

• Node.js >= 16.13.0
• pnpm >= 7.0.0

配置说明

1. 复制 Notion 模板: Readzn Template。

2. 在 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 部署

# 设置环境变量
export NOTION_PAGE_ID=xxx
export IMAGE=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}