在信息爆炸的时代，如何高效地组织、记忆和表达复杂信息成为一项关键技能。思维导图作为一种强大的可视化工具，能够帮助我们理清思路、激发创意并提高学习效率。最近在逛github的时候发现了一个开源的思维导图工具SimpleMindMap，和家人们分享下。
项目介绍
思绪思维导图。一个简单&强大的 Web 思维导图库和思维导图软件。
一个 js 思维导图库，不依赖任何框架，可以用来快速完成 Web 思维导图产品的开发。
一个 Web 思维导图，基于思维导图库、Vue2.x、ElementUI 开发，支持操作电脑本地文件，可以当做一个在线版思维导图应用使用，也可以自部署和二次开发。
该项目目前在github上已经有 10.2k star
开发文档：https://wanglin2.github.io/mind-map-docs/
在线地址：https://wanglin2.github.io/mind-map/
github地址： https://github.com/wanglin2/mind-map
特性
- 插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积
- 支持逻辑结构图（向左、向右逻辑结构图）、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构
- 内置多种主题，允许高度自定义样式，支持注册新主题
- 节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式
- 节点支持拖拽（拖拽移动、自由调整）、多种节点形状；支持扩展节点内容、支持使用 DDM 完全自定义节点内容
- 支持画布拖动、缩放
- 支持鼠标按键拖动选择和 Ctrl+左键两种多选节点方式
- 支持导出为json、png、svg、pdf、markdown、xmind、txt，支持从json、xmind、markdown导入
- 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条、手绘风格、彩虹线条、标记、外框
- 提供丰富的配置，满足各种场景各种使用习惯
- 支持协同编辑
支持演示模式
私有化docker部署
这个项目可以私有话部署web端，也可以下载window客户端。
如果家人们想自己私有化部署web端的，可以把项目下载下来，然后进入项目目录下使用以下命令构建docker镜像
docker build -t mind-map:0.15.0 .
构建完成之后,使用以下命令启动容器
docker run -p 80:80 mind-map:0.15.0
如果不方便构建镜像的，也可以使用博主构建好的镜像使用,博主的镜像是基于0.14.0构建的，上传到阿里云镜像仓库了，使用以下命令下载镜像
docker pull registry.cn-hangzhou.aliyuncs.com/xj_lew/mind-map:0.14.0
然后创建部署目录mind-map,在该目录下创建docker-compose.yml 文件，内容如下：
services:
mindmap:
image: registry.cn-hangzhou.aliyuncs.com/xj_lew/mind-map:0.14.0
container_name: mind-map-ng
restart: always
logging:
driver: 'json-file'
options:
max-size: '5g'
environment:
- NGINX_PORT=80
ports:
- 4200:80
创建完成之后使用以下命令启动容器
docker-compose up -d
如果不出意外的话我们就可以在浏览器中打开并使用了
项目使用
整个使用比较简单，自己尝试下就可以了，我其中比较喜欢的功能是markdown备注、概要、以及导出不同类型的文件这些，我现在公式和生活学习中都在使用这个思维导图。
- git实现项目版本控制及云端存储
我们可以先在gitee或者云效创建一个空项目，将项目拉去到本地，在这个文件夹下边用我们部署的web或者客户端创建文件，编写完成后将项目推送到远端，这样就可以实现云端存储及版本控制了。
如果你想在自己的vue项目中使用这个，可以参照作者提供的文档来集成到自己的项目中。
总结
思维导图不仅是笔记工具，更是重塑思维方式的利器。无论是学生、职场人还是创意工作者，掌握思维导图都能显著提升效率。从今天开始，让我们使用这个项目尝试用一张图代替千言万语吧！
