Repolode
notionnext-org

notionnext-org/NotionNext

把 Notion 工作区一键发布为可定制的独立网站,支持博客、作品集、知识库和官网。

可替代:Notion SitesSuper.soPotion

Star
11,871
Fork
14,707
未关闭 Issue
24
最近提交
18小时前

这是什么?

NotionNext 是基于 Next.js 和 Notion API 的开源站点系统,可以把 Notion 中的文章、分类、标签、菜单和页面发布为公开网站,并支持 SEO、Sitemap、RSS 和搜索。

项目内置 26 个主题,覆盖个人博客、文档知识库、作品集、产品官网、相册和导航站等场景。部署可使用 Vercel 或 Zeabur,无需自建服务器。还支持接入 Giscus、Twikoo、Gitalk、Cusdis、Utterances 等评论系统,以及统计、独立域名和广告等功能。

上手时复制 Notion 模板、Fork 仓库并连接 Vercel,在环境变量中填写 Notion 页面 ID 即可。本地开发需要 Node 22 和 Yarn 1。

核心功能

  • 01将 Notion 页面、文章和菜单发布为公开网站,无需自建服务器。
  • 02内置 26 个主题,覆盖博客、文档、作品集、官网和导航站。
  • 03支持 SEO、Sitemap、RSS 和站内搜索。
  • 04可接入 Giscus、Twikoo、Gitalk、Cusdis、Utterances 等评论系统。
  • 05支持部署到 Vercel 或 Zeabur,并可绑定独立域名和统计。

适用场景

  • 在 Notion 中写作,同时运营个人博客。
  • 为设计师、摄影师等搭建作品集或个人品牌站。
  • 用 Notion 管理内容,发布产品官网或 SaaS 落地页。
  • 将 Notion 知识库或团队文档发布为可搜索的文档站。

快速上手

  1. 1

    克隆或 Fork 仓库并在本地打开

  2. 2

    使用 Node 22(Node 20 无法安装当前依赖)

    nvm use || nvm install
  3. 3

    全局安装 Yarn

    npm i -g yarn
  4. 4

    安装依赖

    yarn
  5. 5

    启动本地开发服务器

    yarn dev

使用前须知

  • 需要 Node 22,Node 20 无法安装当前依赖。
  • 内容需在 Notion 中维护,并需配置 Notion 页面 ID 才能运行。

标签

常见问题

NotionNext 是什么?
把 Notion 工作区一键发布为可定制的独立网站,支持博客、作品集、知识库和官网。 NotionNext 是基于 Next.js 和 Notion API 的开源站点系统,可以把 Notion 中的文章、分类、标签、菜单和页面发布为公开网站,并支持 SEO、Sitemap、RSS 和搜索。
NotionNext 可以免费使用吗?用的什么许可证?
NotionNext 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
NotionNext 还在维护吗?
活跃维护中。NotionNext 最近一次提交是在 2026年10月21日。
NotionNext 适合用来做什么?
在 Notion 中写作,同时运营个人博客。 为设计师、摄影师等搭建作品集或个人品牌站。 用 Notion 管理内容,发布产品官网或 SaaS 落地页。 将 Notion 知识库或团队文档发布为可搜索的文档站。
NotionNext 怎么安装和运行?
克隆或 Fork 仓库并在本地打开 使用 Node 22(Node 20 无法安装当前依赖): nvm use || nvm install 全局安装 Yarn: npm i -g yarn 安装依赖: yarn 启动本地开发服务器: yarn dev
在哪里获取 NotionNext?
源代码和安装说明在 GitHub 上:https://github.com/notionnext-org/NotionNext

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目