编辑器和笔记软件汇总(三):NotebookLM、note-gen、MiaoYan、LetsMarkdown、DocFlow

概述

之前汇总多篇,发现互动量(点赞和收藏)还不低,看来你们喜欢这种系列;鄙人也乐得完成自己制定的KPI任务:

NotebookLM

官网,谷歌推出的AI驱动的笔记与研究助手,可上传文档、网页链接或视频等资料,系统会自动生成摘要、回应提问、制作音频概览,从而帮助用户快速理解并整理知识。

适用场景:

  • 高效助学:加速学习进程,深化学习层次。上传讲座录音、教科书章节和研究论文。让NotebookLM用简单的术语解释复杂的概念,提供真实例子,并加深理解。
  • 理清思路:上传来源材料,让NotebookLM创建精心整理的演示文稿大纲,并包含沟通要点和佐证内容。
  • 激发创意新火花:上传头脑风暴笔记、市场调研和竞争对手研究资料。让NotebookLM发现趋势、生成新产品创意,并发现隐藏的机会。

设计目标:

  • 建立一个用户可在同一个空间中完成整个创作旅程的平台。
  • 用户从输入开始,引入来源资料→通过对话对资料进行澄清、整合→最终生成输出笔记、学习指南、音频概要等。在输入与输出之间,需要一个对话/交互机制(Chat+引用)来支撑思考与整合。
  • 在界面设计上:整合阅读、交互、创作三个关键环节,减少用户在工具、标签之间来回切换的摩擦。

心智模型可概括为:输入→对话→输出(Inputs→Chat→Outputs)

  • 用户上传或引入"来源",可能是文档、视频、笔记、网页、书籍等
  • 用户通过聊天对话形式与这些来源交互:提问、澄清、整合信息,同时生成引用
  • 最后将整合的洞见、信息转化成结构化输出(如笔记、学习指南、音频概要)

四种布局模式

  1. 标准模式:默认三面板视图,平衡显示来源、对话、笔记输出;
  2. 阅读+对话:适用于参照来源资料+生成带引用的回答;
  3. 对话+写作:适用于专注于草稿阶段、正在写作和迭代;
  4. 阅读+写作:在写作时,保持对来源资料可见但收起对话界面。

面板状态

在设计中考虑不同设备、不同任务下界面如何缩放与变化,各面板会根据用户当前任务动态调整大小与布局,以优化空间利用与操作效率。

  • 面板可以动态缩放,即便空间受限,仍保留来源与笔记的图标访问。
  • 可扩展性是关键原则:随着新功能、新模式加入,底层结构保持稳固而不被破坏。
  • 三大面板如下:
    • 来源面板(Source Panel):用户导入的所有资料所在,支持标注、管理、引用
    • 创作/输出面板(Studio/Output Panel):把输入转化为输出的空间,编辑、产出、内容制作
    • Chat面板(Chat Panel):处于核心位置,负责用户与资料的对话交互;在不同模式下的宽度与位置会动态调整,以适应用户的关注焦点与任务;连接来源与输出的桥梁:用户可在此输入问题、让系统引用来源生成答案、再将答案输出为结构化内容。

试用

主界面

上传文档后,分三屏展示,分别是来源、对话和Studio:

如上图,可基于文档提问;支持绘制脑图。

闪卡,FlashCard,也叫抽认卡,一种学习辅助工具,由一面包含问题、术语或提示,另一面包含相应答案或说明的卡片组成,通常用于记忆和学习新信息。市面上基于AI来生成闪卡的项目有很多,如AIFlash.CardsConbrie

测验,和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:自动转换为😊;
    • 支持深色/浅色模式切换,保护视力;
    • 计划加入光标追踪、同步滚动、脚注/下标支持等进阶功能。

技术栈:Rust+React+Vite+Monaco+WebAssembly+TS

代码结构:

  • public/static:静态资源
  • src/components:UI组件
  • src/pages:页面逻辑,如编辑器页面EditorPage.tsx
  • letsmarkdown-server:Rust后端服务,处理协作逻辑
  • letsmarkdown-wasm:WebAssembly模块,提升前端性能

部署

基于Docker:docker run --rm -dp 3030:3030 cveinnt/letsmarkdown

DocFlow

官网,基于TiptapNext.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/serveryjs 提供文档协同编辑的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的多文件上传处理

个人观点:非常适合学习,这技术栈一个比一个新颖。

实战

部署

bash 复制代码
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

相关推荐
虫洞没有虫2 小时前
Go语言学习笔记(一)
笔记·go·区块链
小马爱打代码3 小时前
RabbitMQ:系统学习笔记
笔记·学习·rabbitmq
YJlio3 小时前
进程和诊断工具速查手册(8.13):VMMap / DebugView / LiveKd / Handle / ListDLLs 一页式现场排障清单
数据库·笔记·学习
alwaysuzybaiyy4 小时前
物联网控制|计算机控制-刘川来胡乃平版|第4章:过程通道与人机接口-4.4Human-Machine Interface|课堂笔记|
笔记·物联网·powerpoint
弘毅 失败的 mian4 小时前
C++、Java 还是测试开发?
java·c++·经验分享·笔记·测试开发·技术方向·就业
AA陈超6 小时前
ASC学习笔记0019:返回给定游戏属性的当前值,如果未找到该属性则返回零。
c++·笔记·学习·游戏·ue5·虚幻引擎
星星202510 小时前
VSCode插件精选:4款高效UML绘图工具
笔记
lkbhua莱克瓦2414 小时前
Java基础——方法
java·开发语言·笔记·github·学习方法
p666666666815 小时前
STM32-bootloader引导程序跳转机制笔记
笔记·stm32·嵌入式硬件