SimpleMindMap：一个强大的Web思维导图

在信息爆炸的时代，如何高效地组织、记忆和表达复杂信息成为一项关键技能。思维导图作为一种强大的可视化工具，能够帮助我们理清思路、激发创意并提高学习效率。最近在逛github的时候发现了一个开源的思维导图工具SimpleMindMap，和家人们分享下。

logo.png

项目介绍

思绪思维导图。一个简单&强大的 Web 思维导图库和思维导图软件。

• 一个 js 思维导图库，不依赖任何框架，可以用来快速完成 Web 思维导图产品的开发。
• 一个 Web 思维导图，基于思维导图库、Vue2.x、ElementUI 开发，支持操作电脑本地文件，可以当做一个在线版思维导图应用使用，也可以自部署和二次开发。

该项目目前在github上已经有 10.2k star

_20250808_213108.png

开发文档：wanglin2.github.io/mind-map-do...

在线地址：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备注、概要、以及导出不同类型的文件这些，我现在公式和生活学习中都在使用这个思维导图。

_20250808_215327.png

• git实现项目版本控制及云端存储

我们可以先在gitee或者云效创建一个空项目，将项目拉去到本地，在这个文件夹下边用我们部署的web或者客户端创建文件，编写完成后将项目推送到远端，这样就可以实现云端存储及版本控制了。

如果你想在自己的vue项目中使用这个，可以参照作者提供的文档来集成到自己的项目中。

总结

思维导图不仅是笔记工具，更是重塑思维方式的利器。无论是学生、职场人还是创意工作者，掌握思维导图都能显著提升效率。从今天开始，让我们使用这个项目尝试用一张图代替千言万语吧！