一、项目简介
思绪思维导图是一款完全开源的Web思维导图工具,由核心库js mind-map
和基于Vue2.x+ElementUI开发的Web应用组成。其最大特点是“插件化架构”——核心功能外,所有扩展能力(如公式、手绘风格、协同编辑等)均通过插件实现,大幅减小体积的同时支持灵活定制。用户可将其作为库集成到其他Web项目,也可直接部署为在线应用或安装独立客户端(Win/Mac/Linux)。
二、核心功能亮点
- 多结构支持
支持逻辑图、思维导图、组织结构图、时间轴(横/竖)、鱼骨图等10+种结构,覆盖项目管理、知识梳理、创意发散等全场景。 - 深度自定义能力
- 主题样式:内置多种主题,支持自定义节点颜色、字体、连接线样式,甚至注册全新主题。
- 节点内容:除基础文本外,支持图片、图标、超链接、数学公式、备注标签,还能通过DDM完全自定义节点渲染。
- 高效交互设计
- 拖拽调整节点/分支位置。
- 快捷键体系(前进/后退、复制/缩进等)。
- 双模式多选(框选 or
Ctrl+左键
)。 - 小地图导航、画布缩放、关联线标记。
- 全格式支持
- 导入:JSON/XMind/Markdown。
- 导出:JSON/PNG/SVG/PDF/Markdown/XMind。
实现与其他工具(如幕布、XMind)无缝衔接。
- 扩展场景支持
- 协同编辑:多人实时协作。
- 演示模式:思维导图一键转为演示稿。
- 插件生态:水印、手绘风、彩虹线条等按需加载。
三、安装与使用指南
安装方式多样:
- Web应用
git clone https://github.com/wanglin2/mind-map.git
cd mind-map
npm install
npm run serve # 启动开发环境
- 独立客户端
- Windows/Mac/Linux:从 Github Release 或 百度云盘 下载安装包。
- 插件集成
- uTools插件:在uTools应用商店搜索“思绪”安装。
- Obsidian插件:从 Release页面 下载插件文件。
基础使用流程(以Web版为例):
- 创建节点:
- 根节点自动生成,按
Enter
创建同级节点,Tab
创建子节点。
- 内容编辑:
- 双击节点输入文本,右键菜单插入图片/图标/公式。
- 结构调整:
- 拖拽节点移动位置,右键切换为鱼骨图/时间轴等结构。
- 导出分享:
- 顶部菜单导出为PNG/SVG或Markdown文件。
四、与传统工具的对比优势
功能维度 | 思绪思维导图 | 幕布笔记15 | XMind24 |
---|---|---|---|
技术架构 | 插件化Web应用 | 在线笔记+导图转换 | 桌面软件 |
操作效率 | 快捷键+拖拽 | 依赖Tab/Enter层级 | 鼠标拖拽为主 |
节点自由度 | 支持公式/图片/自定义 | 仅文本和基础标签 | 丰富但依赖模板 |
跨平台性 | Web/客户端/插件全覆盖 | 多端同步 | 多端需购买授权 |
部署成本 | 开源可私有化 | 需订阅高级版 | 付费授权 |
核心差异点:
- vs 幕布:幕布本质是层级化文本笔记(通过Tab缩进),一键转导图适合提纲梳理,但节点缺乏多媒体支持;思绪则原生为可视化导图设计,支持自由排布元素。
- vs XMind:XMind功能全面但体积庞大,适合专业演示;思绪以轻量化+插件扩展取胜,尤其适合嵌入Web系统或快速集成。
五、高效使用技巧
- 快捷键组合拳
Tab
/Shift+Tab
:创建子节点/提升节点层级(灵感源自幕布)。Ctrl+Z
/Ctrl+Shift+Z
:撤销/重做。Ctrl+F
:全局搜索替换。
- 复杂内容表达
- 数学公式:用
$$
包裹LaTeX公式(如$$\int_a^b f(x)dx$$
)。 - 关联线标记:对跨分支节点拖拽关联线,用颜色区分关系。
- 导图瘦身术
- 按需加载插件:如无需手绘风格,在配置中禁用
handDraw
插件。 - 折叠非焦点分支:右键分支→“折叠”,聚焦关键路径。
- 演讲者模式
- 开启“演示模式”,按分支顺序逐步展开,适合汇报讲解。
六、适用场景与总结
思绪思维导图尤其适合三类用户:
- 技术整合者:需将导图能力嵌入自有系统的开发者。
- 轻量化需求者:追求快速启动、拒绝臃肿软件的知识工作者。
- 跨平台用户:常在多设备(Win/Mac/Web)切换的创作者。
💡 核心价值:在保留专业功能的同时,通过插件化架构与开源生态,解决了传统工具“体积庞大”“无法定制”的痛点。无论是个人知识管理还是团队协作,都能通过简洁的接口实现高效思维可视化。
项目传送门: