- 仓库内使用说明(推荐,持续更新):docs/user-guide/README.md(部署、配置、Notion 数据库、菜单等)
- 4.9.x 参考手册:全站配置索引 · 25 个主题说明(每主题一篇) · Notion 4.x 能力
- 文档维护工作流:docs/user-guide/MAINTENANCE_WORKFLOW.md(目录秩序、检查清单、注意事项)
- 维护策略:docs/DOCUMENTATION_POLICY.md
- 历史在线手册:NotionNext 帮助手册(过渡期仍可读,重要章节已迁入
docs/user-guide/)
本项目为免费、公开资源,仅限个人学习使用,禁止利用本教程建立的博客发布非法内容、进行违法犯罪活动。
Notion是一个能让效率暴涨的生产力引擎,可以帮你书写文档、管理笔记,搭建知识库,甚至可以为你规划项目、时间管理、组织团队、提高生产力、还有当前最强大的AI技术加持。
中文文档 | README in English
一个使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。
仓库托管: 主仓库现由 GitHub 组织 notionnext-org 维护(canonical:https://github.com/notionnext-org/NotionNext)。欢迎参与贡献并关注组织内协作说明;若在转让前已克隆本地仓库,建议执行 git remote set-url origin https://github.com/notionnext-org/NotionNext.git 后使用 git remote -v 确认。
支持多种部署方案
# 1) 使用 Node 20(建议先安装 nvm)
nvm use || nvm install
# 2) 安装 Yarn(若未安装)
npm i -g yarn
# 3) 安装依赖并启动开发
yarn
yarn dev常用命令:
- 本地开发:
yarn dev - 打包构建:
yarn build - 静态导出:
yarn export
说明:本地开发保持简单(yarn 即可);锁文件一致性由 CI 严格校验。
为方便新贡献者快速上手,项目已补充文档导航与协作规范:
- 文档导航入口(中文)
- 社区官网能力扩展路线
- Docs Navigation (English)
- 主题迁移指南(中文)
- Theme Migration Guide (English)
- 贡献入口(中文)
- 贡献入口(英文)
- 维护与变更尺度(中文)
- Maintenance & change control (English)
在线演示:https://preview.tangly1024.com/ ,点击左下角挂件可以切换主题,没找到喜欢的主题?贡献一个吧~
| Next | Medium | Hexo | Fukasawa |
|---|---|---|---|
预览NEXT |
预览MEDIUM |
预览HEXO |
预览FUKASAWA |
感谢Craig Hart发起的Nobelium项目
Craig Hart |
致敬每一位开发者!
- 框架: Next.js
- 样式: Tailwind CSS
- 渲染: React-notion-x
- 评论: Twikoo, Giscus, Gitalk, Cusdis, Utterances
- 图标: Fontawesome
- Elog Markdown 批量导出工具、开放式跨平台博客解决方案,随意组合写作平台(语雀/Notion/FlowUs/飞书)和博客平台(Hexo/Vitepress/Halo/Confluence/WordPress等)
The MIT License.




