---

NotionNext 是什么？

NotionNext 是一个基于 Next.js + Notion API 的开源站点系统。你继续用 Notion 管理文章、分类、标签、菜单和页面，NotionNext 负责把这些内容发布成可访问、可搜索、可运营的独立网站。

它适合想长期沉淀内容的人：内容创作者、独立开发者、设计师、摄影师、课程作者、开源项目维护者，以及需要快速搭建产品官网或知识库的小团队。

你可以用它做什么？

为什么选择 NotionNext？

• 不换写作工具：文章、分类、标签、封面、菜单仍在 Notion 中维护。
• 上线路径短：复制 Notion 模板、Fork 仓库、连接 Vercel，即可部署。
• 主题选择多：内置 25 个主题，覆盖博客、文档、作品集、官网、相册、导航站等场景。
• 适合长期运营：支持独立域名、SEO、Sitemap、RSS、评论、统计、搜索、广告和邮件订阅。
• 开源可控：源码、配置和主题都在自己的仓库里，后续可以继续二次开发。
• 数据链路清晰：Notion 负责内容沉淀，站点负责展示和分发，后续可迁移到 Markdown 或其他系统。

20 分钟部署路线

1. 打开 主题预览站 看最终效果。
2. 复制 NotionNext 官方 Notion 模板。
3. Fork 本仓库到自己的 GitHub 账号。
4. 使用 Vercel 部署 NotionNext。
5. 在环境变量中填写 Notion 页面 ID 等配置。
6. 部署成功后，按场景选择主题并补齐域名、评论、统计、搜索等功能。

新手建议直接从文档站的 从这里开始 阅读。

主题与预览

• 在线切换主题：preview.tangly1024.com
• 25 个内置主题：主题全览
• 仓库内主题文档：docs/user-guide/themes/

本地开发

推荐使用 Node 20 和 Yarn 1。

常用命令：

文档入口

自 2026 年起，NotionNext 使用仓库内 Markdown 文档作为主要教程来源，并发布为独立文档站。

参与社区

NotionNext 主仓库由 GitHub 组织 notionnext-org 维护。欢迎提交问题、补充文档、贡献主题、修复代码或参与讨论。

如果你在仓库转让前已克隆旧地址，建议更新远程仓库：

技术栈

• 框架：Next.js
• 样式：Tailwind CSS
• 渲染：react-notion-x
• 评论：Twikoo、Giscus、Gitalk、Cusdis、Utterances
• 部署：Vercel

相关项目

• Elog：Markdown 批量导出工具，支持组合 Notion、语雀、FlowUs、飞书等写作平台与 Hexo、VitePress、Halo、WordPress 等博客平台。

致谢

感谢 Craig Hart 发起的 Nobelium 项目。

感谢每一位参与代码、主题、文档、Issue、Review 与发布维护的贡献者。

Contributors

使用声明

本项目为免费、公开资源，仅限个人学习和合法站点建设使用。禁止利用本项目发布非法内容或进行违法活动。

License

The MIT License.

Star History

Star History Chart