一、项目简介

思绪思维导图是一款完全开源的Web思维导图工具,由核心库js mind-map和基于Vue2.x+ElementUI开发的Web应用组成。其最大特点是“插件化架构”——核心功能外,所有扩展能力(如公式、手绘风格、协同编辑等)均通过插件实现,大幅减小体积的同时支持灵活定制。用户可将其作为库集成到其他Web项目,也可直接部署为在线应用或安装独立客户端(Win/Mac/Linux)。


二、核心功能亮点

  1. 多结构支持
    支持逻辑图、思维导图、组织结构图、时间轴(横/竖)、鱼骨图等10+种结构,覆盖项目管理、知识梳理、创意发散等全场景。
  2. 深度自定义能力
  • 主题样式:内置多种主题,支持自定义节点颜色、字体、连接线样式,甚至注册全新主题。
  • 节点内容:除基础文本外,支持图片、图标、超链接、数学公式、备注标签,还能通过DDM完全自定义节点渲染。
  1. 高效交互设计
  • 拖拽调整节点/分支位置。
  • 快捷键体系(前进/后退、复制/缩进等)。
  • 双模式多选(框选 or Ctrl+左键)。
  • 小地图导航、画布缩放、关联线标记。
  1. 全格式支持
  • 导入:JSON/XMind/Markdown。
  • 导出:JSON/PNG/SVG/PDF/Markdown/XMind。
    实现与其他工具(如幕布、XMind)无缝衔接。
  1. 扩展场景支持
  • 协同编辑:多人实时协作。
  • 演示模式:思维导图一键转为演示稿。
  • 插件生态:水印、手绘风、彩虹线条等按需加载。

三、安装与使用指南

安装方式多样:

  1. Web应用
git clone https://github.com/wanglin2/mind-map.git 
cd mind-map 
npm install 
npm run serve  # 启动开发环境 
  1. 独立客户端
  1. 插件集成
  • uTools插件:在uTools应用商店搜索“思绪”安装。
  • Obsidian插件:从 Release页面 下载插件文件。

基础使用流程(以Web版为例):

  1. 创建节点
  • 根节点自动生成,按Enter创建同级节点,Tab创建子节点。
  1. 内容编辑
  • 双击节点输入文本,右键菜单插入图片/图标/公式。
  1. 结构调整
  • 拖拽节点移动位置,右键切换为鱼骨图/时间轴等结构。
  1. 导出分享
  • 顶部菜单导出为PNG/SVG或Markdown文件。

四、与传统工具的对比优势

功能维度思绪思维导图幕布笔记15XMind24
技术架构插件化Web应用在线笔记+导图转换桌面软件
操作效率快捷键+拖拽依赖Tab/Enter层级鼠标拖拽为主
节点自由度支持公式/图片/自定义仅文本和基础标签丰富但依赖模板
跨平台性Web/客户端/插件全覆盖多端同步多端需购买授权
部署成本开源可私有化需订阅高级版付费授权

核心差异点

  • vs 幕布:幕布本质是层级化文本笔记(通过Tab缩进),一键转导图适合提纲梳理,但节点缺乏多媒体支持;思绪则原生为可视化导图设计,支持自由排布元素。
  • vs XMind:XMind功能全面但体积庞大,适合专业演示;思绪以轻量化+插件扩展取胜,尤其适合嵌入Web系统或快速集成。

五、高效使用技巧

  1. 快捷键组合拳
  • Tab/Shift+Tab:创建子节点/提升节点层级(灵感源自幕布)。
  • Ctrl+Z/Ctrl+Shift+Z:撤销/重做。
  • Ctrl+F:全局搜索替换。
  1. 复杂内容表达
  • 数学公式:用$$包裹LaTeX公式(如$$\int_a^b f(x)dx$$)。
  • 关联线标记:对跨分支节点拖拽关联线,用颜色区分关系。
  1. 导图瘦身术
  • 按需加载插件:如无需手绘风格,在配置中禁用handDraw插件。
  • 折叠非焦点分支:右键分支→“折叠”,聚焦关键路径。
  1. 演讲者模式
  • 开启“演示模式”,按分支顺序逐步展开,适合汇报讲解。

六、适用场景与总结

思绪思维导图尤其适合三类用户:

  1. 技术整合者:需将导图能力嵌入自有系统的开发者。
  2. 轻量化需求者:追求快速启动、拒绝臃肿软件的知识工作者。
  3. 跨平台用户:常在多设备(Win/Mac/Web)切换的创作者。
💡 核心价值:在保留专业功能的同时,通过插件化架构开源生态,解决了传统工具“体积庞大”“无法定制”的痛点。无论是个人知识管理还是团队协作,都能通过简洁的接口实现高效思维可视化。

项目传送门