一、Simple Mind Map 简介

1.1 什么是 Simple Mind Map
Simple Mind Map 是一款基于 Web 的开源思维导图工具,采用 Vue2.x 和 ElementUI 开发。支持本地文件操作,使其既可作为在线应用使用,也能满足本地需求的工具。

1.2 Simple Mind Map 特点

  • 插件化架构:核心功能以外的功能通过插件形式提供,按需加载,轻量高效。
  • 支持多种结构图:逻辑结构图、组织结构图、时间轴、鱼骨图等丰富结构。
  • 自定义样式和主题:内置多种主题,支持高度自定义,还能注册新主题。
  • 多样化节点内容:支持文本、图片、图标、超链接、备注、标签、数学公式等内容形式。
  • 导入导出功能:支持导入/导出 JSON、XMind、Markdown、PDF、SVG 等多种格式。
  • 多功能支持:快捷键操作、搜索替换、小地图、节点拖拽、画布缩放等功能提升用户体验。
  • 协同编辑:支持多人实时协作,提高团队效率。

二、本地环境介绍

2.1 本地环境规划
操作系统:CentOS 7.6
测试环境说明:Docker 环境下部署 Simple Mind Map 工具

HostnameIP 地址操作系统版本Docker 版本
jeven192.168.3.166CentOS 7.620.10.17

2.2 实践说明

  1. 本次操作为个人测试环境,请勿直接用于生产环境;
  2. 在 Docker 环境中部署 Simple Mind Map,操作简单,适合新手。

三、本地环境检查

3.1 检查 Docker 服务状态

systemctl status docker

3.2 检查 Docker 版本

docker -v

3.3 检查 Docker Compose 版本
确保 Docker Compose 版本在 2.0 以上。

docker-compose --version

四、下载 Simple Mind Map 镜像

使用以下命令从 Docker Hub 下载 Simple Mind Map 镜像:

docker pull yunyoujun/simple-mind-map:latest

五、部署 Simple Mind Map 工具

5.1 创建 Mind Map 容器

  • 使用 CLI 创建容器
docker run -d --name mind-map --restart always -p 7655:80 yunyoujun/simple-mind-map:latest
  • 使用 Docker Compose 创建容器
    编辑 docker-compose.yaml 文件:
version: '3.1'
services:
  mind-map:
    image: yunyoujun/simple-mind-map:latest
    container_name: mind-map
    ports:
      - "7655:80"
    restart: always

启动容器:

docker-compose up -d

5.2 检查容器状态

docker ps

5.3 查看容器日志

docker logs mind-map

六、Simple Mind Map 基本使用

6.1 访问 Simple Mind Map
在浏览器中输入 http://192.168.3.166:7655/(替换为实际 IP 地址),访问首页:
Simple Mind Map 首页

6.2 更换主题
点击“主题”按钮,选择喜欢的主题模式:
更换主题
主题效果

6.3 导出文件
支持导出多种格式(如 JSON、PDF、XMind 等):
导出文件

6.4 开启小地图
点击右下角的“小地图”图标,可快速预览导图全貌:
开启小地图

6.5 全屏查看
点击“全屏”按钮以便更清晰地查看导图:
全屏查看


七、总结

Simple Mind Map 是一款功能强大、界面清新的开源思维导图工具,通过 Docker 部署可以快速搭建本地环境,适用于个人创意整理或团队协作场景。其插件化架构和丰富的导入导出功能进一步提升了实用性,是每位思维导图爱好者不可错过的工具。

相关链接:
GitHub 项目地址
Docker Hub 镜像地址

系列文章

END
cc
最后修改:2024 年 11 月 17 日
如果觉得我的文章对你有用,请随意赞赏