造轮子分享 / 在自己开发的笔记里原生集成了 4 套绘图引擎

大家好，我是 NoteDeep 深度笔记 的独立开发者。

不知道大家平时写技术文档或者做知识库的时候，有没有遇到过这个痛点：配图的工作流割裂。

理思路 Excalidraw ，画架构图 Draw.io ，写文档配时序图 Mermaid ，最后要截图贴回笔记里。想改个错字，得重新走一遍流程：打开原软件 -> 修改 -> 导出 -> 替换，整个过程繁琐。

我这段时间更新 NoteDeep 的自研编辑器，在笔记内原生集成了一套 All-in-One 的绘图方案。不用跳出笔记，配图工作流变成：

1. 灵感爆发用 Excalidraw （手绘板） 头脑风暴或者梳理初步思路时，直接在笔记里呼出白板。

2. 严谨落地用 Draw.io （架构图） 到了需要画系统架构或者复杂流程图时，直接无缝切换 Draw.io 。

3. 极客首选用 Mermaid （代码画图）

4. 总结收敛用 Markmap （思维导图） 一键把大纲文本转换成思维导图

💡 核心体验差异：数据完全属于你

市面上很多笔记软件只是做了一层简单的 iframe 嵌套或者强迫你存为静态图片。

我在底层数据结构上做了一些工作：所有画图文件的源码（ JSON / XML / 文本）都是直接作为节点保存在笔记数据里的。这意味着：

• 以后随时点开就能继续编辑，永远不需要保留原工程文件。

作为一款从零手搓的云端笔记应用（自研编辑器），集成这些工具踩了不少坑。目前产品还在不断打磨中。

欢迎来官网下载体验一下：https://www.notedeep.com

大家如果对集成的技术实现细节，或者产品有什么吐槽和建议，欢迎在帖子里交流，我都在！