编辑器和笔记软件汇总（三）：NotebookLM、note-gen、MiaoYan、LetsMarkdown、DocFlow
概述
之前汇总多篇，发现互动量（点赞和收藏）还不低，看来你们喜欢这种系列；鄙人也乐得完成自己制定的KPI任务：
- 编辑器汇总：Neovim、Helix、Vim、LazyVim、Kakoune、nb、Lite XL
- 笔记软件汇总：Notion、Obsidian、Typora、Grammarly、Zditor
- 笔记软件汇总：MarkText、Notable、Docmost、Notes、Arya
NotebookLM
官网，谷歌推出的AI驱动的笔记与研究助手，可上传文档、网页链接或视频等资料，系统会自动生成摘要、回应提问、制作音频概览，从而帮助用户快速理解并整理知识。
适用场景：
- 高效助学：加速学习进程，深化学习层次。上传讲座录音、教科书章节和研究论文。让NotebookLM用简单的术语解释复杂的概念，提供真实例子，并加深理解。
- 理清思路：上传来源材料，让NotebookLM创建精心整理的演示文稿大纲，并包含沟通要点和佐证内容。
- 激发创意新火花：上传头脑风暴笔记、市场调研和竞争对手研究资料。让NotebookLM发现趋势、生成新产品创意，并发现隐藏的机会。
设计目标：
- 建立一个用户可在同一个空间中完成整个创作旅程的平台。
- 用户从输入开始，引入来源资料→通过对话对资料进行澄清、整合→最终生成输出笔记、学习指南、音频概要等。在输入与输出之间，需要一个对话／交互机制（Chat+引用）来支撑思考与整合。
- 在界面设计上：整合阅读、交互、创作三个关键环节，减少用户在工具、标签之间来回切换的摩擦。
心智模型可概括为：输入→对话→输出（Inputs→Chat→Outputs）
- 用户上传或引入“来源”，可能是文档、视频、笔记、网页、书籍等
- 用户通过聊天对话形式与这些来源交互：提问、澄清、整合信息，同时生成引用
- 最后将整合的洞见、信息转化成结构化输出（如笔记、学习指南、音频概要）
四种布局模式
- 标准模式：默认三面板视图，平衡显示来源、对话、笔记输出；
- 阅读+对话：适用于参照来源资料＋生成带引用的回答；
- 对话+写作：适用于专注于草稿阶段、正在写作和迭代；
- 阅读+写作：在写作时，保持对来源资料可见但收起对话界面。
面板状态
在设计中考虑不同设备、不同任务下界面如何缩放与变化，各面板会根据用户当前任务动态调整大小与布局，以优化空间利用与操作效率。
- 面板可以动态缩放，即便空间受限，仍保留来源与笔记的图标访问。
- 可扩展性是关键原则：随着新功能、新模式加入，底层结构保持稳固而不被破坏。
- 三大面板如下：
- 来源面板（Source Panel）：用户导入的所有资料所在，支持标注、管理、引用
- 创作／输出面板（Studio/Output Panel）：把输入转化为输出的空间，编辑、产出、内容制作
- Chat面板（Chat Panel）：处于核心位置，负责用户与资料的对话交互；在不同模式下的宽度与位置会动态调整，以适应用户的关注焦点与任务；连接来源与输出的桥梁：用户可在此输入问题、让系统引用来源生成答案、再将答案输出为结构化内容。
试用
主界面
上传文档后，分三屏展示，分别是来源、对话和Studio：
如上图，可基于文档提问；支持绘制脑图。
闪卡，FlashCard，也叫抽认卡，一种学习辅助工具，由一面包含问题、术语或提示，另一面包含相应答案或说明的卡片组成，通常用于记忆和学习新信息。市面上基于AI来生成闪卡的项目有很多，如AIFlash.Cards、Conbrie。
测验，和AI闪卡有点类似，以单选题的形式加深对知识文档的理解
结果
报告
看到右上角的博文没？可借助于NotebookLM批量写博客。哈哈哈，刷CSDN博客之星不出问题。
note-gen
官网，开源（GitHub，10K Star，697 Fork）跨平台Markdown笔记应用，专注于用AI搭建记录-写作的桥梁。支持截图、文本、插图等多种记录方式，还能通过AI模型将这些碎片化内容整理成可读的笔记。
功能特性：
- 跨平台：基于Tarui2框架开发，支持Windows、Mac、Linux、Android、iOS，安装包仅20MB左右；
- AI集成：内置开箱即用的免费模型，支持自定义配置OpenAI、Deepseek、Gemini等主流模型及Ollama本地模型；
- 免费安全同步：主要同步方案支持Github、GitLab、Gitee，备用方案支持WebDAV；
- Markdown：支持标准Markdown语法，同时支持扩展语法，如数学公式、脑图、图表、流程图等。
- RAG：笔记即知识库，支持嵌入模型、重排序模型；
- MCP支持：让AI访问外部工具和数据源，增强智能交互体验。
MiaoYan
官网，仅支持MacOS，轻量级、开源（GitHub，6.8K Star，392 Fork）、高颜值的Markdown笔记应用，优势在于简洁高效的操作体验、高度定制化的功能，以及适合工程师等深度用户的本地化存储与极简设计。
功能
- 极简设计与高效操作
- UI布局与字体排版优秀：界面清爽，无冗余元素，专注写作本身，沉浸式体验；
- 快捷键支持：通过快捷键快速调整字体大小或执行其他操作，提升效率；
- 本地化存储：支持将笔记存储在本地文件夹、iCloud或Git目录，方便备份与版本控制，避免云端依赖。
- 高度定制化功能
- 主题与样式：虽未明确提及多主题支持，但开源特性允许用户根据需求自定义界面风格；
- 图片与代码块处理：支持插入本地图片、调整图片尺寸，代码块高亮显示，适合技术文档编写；
- 导出功能：优化PDF和PPT导出效果，解决长文导出时的排版问题（如文字被截断）。
工程师使用场景
- 技术文档编写：支持流程图、时序图、甘特图等复杂格式（需结合语法或插件），满足项目规划需求；
- 代码片段管理：语法高亮支持多种编程语言，方便整理代码笔记；
- 极客风格：无广告、无付费功能，纯粹的技术导向设计。
实战
无；什么尿性，只支持Mac。
LetsMarkdown
官网，开源（GitHub，817 Star，40 Fork）、支持实时协作的在线Markdown编辑器。
功能
- 实时协作编辑
- 支持多人同时编辑同一文档，所有更改实时同步，无需反复发送文件或调整权限；
- 协作者可通过分享链接直接加入编辑，告别文件传输和版本冲突。
- VSCode级编辑体验
- 提供语法高亮、自动补全、命令面板等高级功能，支持主题切换（如深色模式）；
- 编辑器界面简洁直观，左侧为Markdown输入区，右侧实时预览渲染效果。
- 免登录与隐私保护
- 无需注册账号即可使用，避免恶意跟踪器和隐私泄露风险；
- 开源代码透明可查，用户可自行部署确保数据安全。
- 高效技术架构
- 后端：基于Rust编写，采用Operational Transformation算法处理实时协作逻辑，确保数据同步准确性；
- 前端：使用React.js+TS+Vite构建，搭配Monaco编辑器（VSCode同款），性能流畅；
- 优化：通过WebAssembly模块加速复杂计算，支持多人编辑不卡顿。
- 实用辅助功能
- 内置Emoji快捷输入，如输入
:smile:自动转换为😊； - 支持深色/浅色模式切换，保护视力；
- 计划加入光标追踪、同步滚动、脚注/下标支持等进阶功能。
- 内置Emoji快捷输入，如输入
技术栈：Rust+React+Vite+Monaco+WebAssembly+TS
代码结构：
public/static：静态资源src/components：UI组件src/pages：页面逻辑，如编辑器页面EditorPage.tsxletsmarkdown-server：Rust后端服务，处理协作逻辑letsmarkdown-wasm：WebAssembly模块，提升前端性能
部署
基于Docker：docker run --rm -dp 3030:3030 cveinnt/letsmarkdown
DocFlow
官网，基于Tiptap和Next.js构建的开源（GitHub，662 Star，124 Fork）现代化协同文档编辑器，集成丰富的编辑能力与多人实时协作功能，支持插件扩展、主题切换与持久化存储。适合团队写作、教育笔记、在线文档平台等场景。
注：Google搜索时，会发现还有另外一个站点：https://docflow.ai，和此处介绍的不是同一个项目。
功能特性
- 富文本编辑：标题、列表、表格、代码块、数学公式、图片、拖拽等
- 实时协作：使用Yjs+@hocuspocus/provider实现高效协同
- 插件丰富：基于Tiptap Pro多种增强功能（如表情、详情组件等）
- 完善工具链：支持Prettier、ESLint、Husky、Vitest等开发工具
| 层级 | 技术 | 大白话 |
|---|---|---|
| 前端 | Next.js+Tiptap | 秒开，SEO友好，编辑器体验丝滑 |
| 协同 | Yjs+Hocuspocus | 多人同时打字不冲突，光标看得见 |
| 后端 | NestJS+Prisma | TS一把梭，类型安全到脚趾 |
| 部署 | Docker一键启动 | 5分钟上线 |
前端技术栈
| 技术 | 说明 |
|---|---|
| Next.js | 构建基础框架，支持SSR/SSG |
| Tiptap | 富文本编辑器，基于ProseMirror |
| Yjs | 协同编辑核心，CRDT数据结构 |
| @hocuspocus | Yjs的服务端与客户端Provider |
| React19 | UI框架，支持Suspense等新特性 |
| TailwindCSS | 原子化CSS，集成动画、表单样式等 |
| Socket.io | 协同通信通道 |
| Prettier/ESLint | 代码风格统一 |
| Vitest/Playwright | 单元测试与端到端测试支持 |
后端技术栈
| 分类 | 技术/工具 | 说明 |
|---|---|---|
| 应用框架 | NestJS | 现代化Node.js框架，支持模块化、依赖注入、装饰器和类型安全等特性 |
| HTTP服务 | Fastify | 高性能Web服务引擎，替代Express，默认集成于NestJS中 |
| 协同编辑服务 | @hocuspocus/server、yjs | 提供文档协同编辑的WebSocket服务与CRDT算法实现 |
| 数据库ORM | Prisma | 类型安全的数据库访问工具，自动生成Schema、支持迁移与种子数据 |
| 数据验证 | class-validator,class-transformer | 请求数据验证与自动转换，配合DTO使用 |
| 用户鉴权 | @nestjs/passport,passport,JWT,GitHub | 支持本地登录、JWT认证与GitHub OAuth登录 |
| 缓存与状态 | ioredis | 用于缓存数据、实现限流、协同会话管理或Pub/Sub消息推送 |
| 对象存储 | minio | 私有化部署的S3兼容存储服务，支持图片与附件上传 |
| 图像处理 | sharp | 图像压缩、格式转换、缩略图等操作 |
| 日志系统 | winston,winston-daily-rotate-file | 支持多种格式、日志分级、自动归档的日志方案 |
| 服务监控 | @nestjs/terminus,prom-client | 提供/health健康检查和/metricsPrometheus指标暴露接口 |
| 监控平台 | Prometheus、Grafana | 采集与可视化服务运行指标（已内置Docker部署配置） |
| 接口文档 | @nestjs/swagger | 基于代码注解自动生成SwaggerUI文档 |
| 安全中间件 | @fastify/helmet,@fastify/rate-limit | 添加HTTP安全头部、限制请求频率、防止暴力攻击等安全保护 |
| 文件上传 | @fastify/multipart,@webundsoehne/nest-fastify-file-upload | 支持文件流式上传，集成Fastify与NestJS的多文件上传处理 |
个人观点：非常适合学习，这技术栈一个比一个新颖。
实战
部署
git clone https://github.com/xun082/DocFlow.git
cd DocFlow
pnpm i
pnpm dev
# 或
docker build -t docflow .
docker run -p 6001:6001 docflow
浏览器打开http://localhost:3000开始体验。
拓展
前端
推荐阅读Nest.js、Next.js、Nuxt.js