基于 Next.js 的博客模板,使用 MDX 撰写文章,搭配 Tailwind CSS 与 TypeScript,可直接部署到 Vercel。
- 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
克隆或 Fork 仓库并在本地打开
- 2
使用 Node 22(Node 20 无法安装当前依赖)
nvm use || nvm install - 3
全局安装 Yarn
npm i -g yarn - 4
安装依赖
yarn - 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 数据每日更新。
相关项目
75751446TypeScript无许可证更新于 上个月
开源无头 CMS,可编辑存储在你自己 Git 仓库中的 Markdown、MDX、JSON 和 YAML 内容。
1.4万766TypeScriptApache-2.0更新于 21小时前
为 AI 编码代理提供 Vercel、React 与 Next.js 最佳实践等可安装技能包的集合。
3.3万2861JavaScript无许可证更新于 7天前
开源的股票市场看板,可自托管,提供实时图表、价格提醒、自选股和公司分析。
2万2523TypeScriptAGPL-3.0更新于 昨天
开源免费的 Splitwise 替代品,用于与朋友家人共享群组费用并计算余额。
3001516TypeScriptMIT更新于 3天前
开源的 Next.js 原生无头 CMS 与应用框架,提供 TypeScript 后端和可定制的 React 管理后台。
4.5万4314TypeScriptMIT更新于 昨天