【好用的个人工具】在Docker环境下部署Simple mind map思维导图工具

已于 2024-05-19 14:37:11 修改
阅读量3.1k 收藏 30
点赞数 19
CC 4.0 BY-SA版权
分类专栏： 好玩的开源项目 文章标签： docker 容器 运维 思维导图
于 2023-11-28 23:15:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jks212454/article/details/134400386
本文介绍了如何在Docker环境中部署并使用Simplemindmap，一个基于Vue2.x和ElementUI的Web思维导图工具，详细步骤包括环境配置、镜像下载、容器创建和基本使用方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【好用的个人工具】在Docker环境下部署Simple mind map思维导图工具

一、Simple mind map介绍

1.1 Simple mind map简介

Simple mind map，一个 Web 思维导图，基于思维导图库、Vue2.x、ElementUI 开发，可以操作电脑本地文件，所以你可以直接把它当做一个在线版思维导图应用使用。

1.2 Simple mind map特点

  • 插件化架构，除核心功能外，其他功能作为插件提供，按需使用，减小打包体积
  • 支持逻辑结构图、思维导图、组织结构图、目录组织图、时间轴（横向、竖向）、鱼骨图等结构
  • 内置多种主题，允许高度自定义样式，支持注册新主题
  • 节点内容支持文本（普通文本、富文本）、图片、图标、超链接、备注、标签、概要、数学公式
  • 节点支持拖拽（拖拽移动、自由调整）、多种节点形状，支持使用 DDM 完全自定义节点内容
  • 支持画布拖动、缩放
  • 支持鼠标按键拖动选择和Ctrl+左键两种多选节点方式
  • 支持导出为json、png、svg、pdf、markdown、xmind，支持从json、xmind、markdown导入
  • 支持快捷键、前进后退、关联线、搜索替换、小地图、水印、滚动条
  • 提供丰富的配置，满足各种场景各种使用习惯
  • 支持协同编辑

1.3 Simple mind map使用场景

Simple Mind Map作为一个结合了思维导图库、Vue2.x技术栈以及ElementUI框架开发的Web应用，具备操作电脑本地文件的功能，它的使用场景广泛且灵活。以下是一些典型的应用场景：

  1. 个人学习与笔记整理：学生和终身学习者可以利用它来整理课程笔记、归纳知识点或是准备考试。通过创建不同的分支来分类信息，有助于提高记忆效率和理解深度。

  2. 项目管理与团队协作：项目经理和团队成员可以共同编辑思维导图来规划项目流程、分配任务、跟踪进度和管理资源。由于支持操作本地文件，团队成员即使在不同地点也能方便地共享和更新项目计划。

  3. 创意构思与头脑风暴：无论是广告策划、产品设计还是文章写作，Simple Mind Map都能帮助用户在视觉上组织灵感和创意，促进思维的发散与收敛，加速从想法到实施的过程。

  4. 业务分析与决策制定：企业分析师和决策者可以利用该工具进行SWOT分析（优势、劣势、机会、威胁）、市场细分、竞争分析等，直观展示各种因素之间的关系，辅助做出更加明智的决策。

  5. 知识管理与教学辅助：教育工作者能用它构建课程大纲、整理教学资料，甚至作为课堂互动工具，帮助学生构建系统化的知识体系。个人用户也可以用来整理个人成长路径、技能树等，有效管理个人知识资产。

  6. 写作大纲与故事板制作：作家和编剧可以利用思维导图规划小说情节、角色发展或剧本结构，确保故事逻辑清晰、情节连贯。

  7. 会议记录与回顾：在会议中使用Simple Mind Map记录关键点、行动项和责任人，会后直接保存为本地文件或分享给参会人员，便于后续跟进和执行。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

hostnameIP地址操作系统版本Docker版本
jeven192.168.3.166centos 7.620.10.17

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境，生产环境请谨慎；
2.在Docker环境下成功部署Simple mind map思维导图工具。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行，确保Docker正常运行。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Sat 2023-11-04 21:48:30 CST; 1 weeks 2 days ago
     Docs: https://docs.docker.com
 Main PID: 43919 (dockerd)
    Tasks: 38
   Memory: 502.6M
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker version
Client: Docker Engine - Community
 Version:           20.10.17
 API version:       1.41
 Go version:        go1.17.11
 Git commit:        100c701
 Built:             Mon Jun  6 23:05:12 2022
 OS/Arch:           linux/amd64
 Context:           default
 Experimental:      true

Server: Docker Engine - Community
 Engine:
  Version:          20.10.17
  API version:      1.41 (minimum version 1.12)
  Go version:       go1.17.11
  Git commit:       a89b842
  Built:            Mon Jun  6 23:03:33 2022
  OS/Arch:          linux/amd64
  Experimental:     false
 containerd:
  Version:          1.6.6
  GitCommit:        10c12954828e7c7c9b6e0ea9b0c02b01407d3ae1
 runc:
  Version:          1.1.2
  GitCommit:        v1.1.2-0-ga916309
 docker-init:
  Version:          0.19.0
  GitCommit:        de40ad0

3.3 检查docker compose 版本

检查Docker compose版本，确保2.0以上版本。

[[root@jeven ~]# docker compose version
Docker Compose version v2.19.1

四、下载Simple mind map镜像

在docker hub下载Simple mind map镜像

[root@jeven ~]# docker pull shuiche/mind-map
Using default tag: latest
latest: Pulling from shuiche/mind-map
31e352740f53: Pull complete
1473efee6963: Pull complete
08982b290dbc: Pull complete
b9ca70af3df8: Pull complete
fbdae3c8bae0: Pull complete
Digest: sha256:fa1d7fed4fe105af42b53878425d0005d0dd3f269bf87b18a36e040283b76e4a
Status: Downloaded newer image for shuiche/mind-map:latest
docker.io/shuiche/mind-map:latest

五、部署Simple mind map工具

5.1 创建mind-map容器

  • docker-cli创建mind-map容器
docker run -d \
--restart unless-stopped \
--name mind-map \
-p 7655:8080 \
shuiche/mind-map
  • 编辑docker-compose.yaml部署文件
version: '3.9'
services:
    mind-map:
        image: shuiche/mind-map
        ports:
            - '7655:8080'
        container_name: mind-map
        restart: unless-stopped
  • 使用docker compose创建mind-map容器
[root@jeven mind-map]# docker compose up -d
[+] Running 2/2
 ⠿ Network mind-map_default  Created                                                                                    0.1s
 ⠿ Container mind-map        Started                                                                                    1.0s

5.2 检查mind-map容器状态

检查mind-map容器状态

[root@jeven mind-map]# docker compose ps
NAME                COMMAND             SERVICE             STATUS              PORTS
mind-map            "./server"          mind-map            running             0.0.0.0:7655->8080/tcp, :::7655->8080/tcp

5.3 检查mind-map容器日志

检查mind-map容器运行日志，确保mind-map服务正常运行。

[root@jeven mind-map]# docker compose logs
mind-map  | [GIN-debug] [WARNING] Creating an Engine instance with the Logger and Recovery middleware already attached.
mind-map  |
mind-map  | [GIN-debug] [WARNING] Running in "debug" mode. Switch to "release" mode in production.
mind-map  |  - using env:	export GIN_MODE=release
mind-map  |  - using code:	gin.SetMode(gin.ReleaseMode)
mind-map  |
mind-map  | [GIN-debug] GET    /dist/*filepath           --> github.com/gin-gonic/gin.(*RouterGroup).createStaticHandler.func1 (3 handlers)
mind-map  | [GIN-debug] HEAD   /dist/*filepath           --> github.com/gin-gonic/gin.(*RouterGroup).createStaticHandler.func1 (3 handlers)
mind-map  | [GIN-debug] GET    /                         --> main.main.func1 (3 handlers)
mind-map  | [GIN-debug] [WARNING] You trusted all proxies, this is NOT safe. We recommend you to set a value.
mind-map  | Please check https://pkg.go.dev/github.com/gin-gonic/gin#readme-don-t-trust-all-proxies for details.
mind-map  | [GIN-debug] Listening and serving HTTP on :8080

六、Simple mind map基本使用

6.1 访问Simple mind map首页

访问地址：http://192.168.3.166:7655/，将IP替换为自己服务器IP地址。

在这里插入图片描述

6.2 更换主题

点击主题，选择自己喜欢的主题模式。

在这里插入图片描述
在这里插入图片描述

6.3 导出文件

可以选择不同格式的文件导出。

在这里插入图片描述

6.4 开启小地图

点击右下角的开启小地图图标，开启“小地图”浏览。

在这里插入图片描述

6.5 全屏查看

点击“全屏”小图标，进行全屏查看。

在这里插入图片描述

七、总结

Simple Mind Map作为一款基于Vue2.x和ElementUI的Web思维导图工具，以其直观的操作界面、强大的本地文件交互能力，为用户提供了无缝的在线思维整理体验。无论是整理思路、项目规划还是团队协作，它都展现出高度的灵活性与实用性，让用户能够在任何设备上高效构建、管理和分享知识结构，极大地提升了工作与学习的效率，是一款值得推荐的在线思维导图应用。

玩转Docker | 使用Docker部署Simple Mind Map思维导图工具
qq_59334230的博客
10-30 316
玩转Docker | 使用Docker部署Simple Mind Map思维导图工具
【Docker 实战-难点】拉取镜像总是显示“connection refused”等问题--------------在Docker环境下部署Simple mind map思维导图工具
lanhai96的专栏
09-16 1444
本文主要是使用阿里云的容器镜像服务作为代理，来同步拉取外网容器镜像资源，为个人用户提供快速、可靠的镜像管理服务，全程免费。 下面从一个部署Simple mind map在线思维导图工具的过程来演示这个困难、解难的过程。
Vue中使用mind-map实现在线思维导图
LZUGIS
07-15 6215
给大家分享一下基于mind-map实现在线的思维导图，并实现：1. 导图导出为图片；2. 打开xmind文件。
Docker思维导图（超级全面，必备）
12-28
Docker思维导图，涵盖知识笔记，内容超级全面，一图在手、天下我有. Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows 机器上，也可以实现虚拟化。
Docker 入门教程（五）：Docker 命令思维导图
最新发布
wwl412095144的博客
06-28 817
《Docker命令思维导图教程》通过可视化方式梳理了Docker的核心操作流程。主要内容包括：镜像生命周期管理（build/pull/push/tag/rmi）、容器操作（run/exec/logs/stop/rm）、主机与容器文件交互（cp）、镜像构建与打包（build/save/export），以及仓库管理（login/pull/push）等。文章采用Mermaid流程图和结构图清晰展现了Dockerfile→镜像→容器的完整链路，并分类列出40余个常用命令及其功能，如docker inspect查看元
Docker部署思维导图工具SimpleMindMap并结合内网穿透远程访问
内网渗透的博客
03-22 1580
本文主要介绍在Linux以docker方式一键部署Simple Mind Map思维导图工具,并结合cpolar内网穿透工具实现公网远程访问,可以在任意浏览器访问思维导图工具进行设计,提高工作效率!
微服务架构
Chinasbn的博客
12-05 245
##微服务架构
Simple Mind Map：探索GitHub上的开源宝藏，一个强大的Web思维导图工具
10-25 2483
Simple Mind Map 是一个开源的 JavaScript 思维导图库，不依赖任何框架，可以快速集成到 Web 应用中。它不仅支持多种思维导图结构，如逻辑结构图、思维导图、组织结构图等，还提供了丰富的插件和配置选项，满足各种使用场景和习惯。Simple Mind Map 是一款功能强大、简单易用的 Web 思维导图工具，可以帮助我们更好地梳理思路、提升效率、更好地理解和记忆知识。
simpleMindMap.js 思维脑图-vue
南山高尔夫的博客
04-01 4958
2、我在utils文件夹中创建了一个simpleMindMap文件夹，里面存放一些封装的方法。个人使用simpleMindMap绘制脑图一点经验。3、创建脑图vue组件。
本地部署SimpleMindMap思维导图工具并发布公网远程构建导图
m0_73879806的博客
06-24 2020
本文主要介绍在Linux系统以docker方式一键部署思维导图工具SimpleMindMap,并结合cpolar内网穿透工具实现远程也可以访问,远程访问好处在于可以在任意浏览器访问思维导图工具进行设计,提高工作效率!SimpleMindMap 是一个可私有部署的web思维导图工具。它提供了丰富的功能和特性，包含插件化架构、多种结构类型（逻辑结构图、思维导图、组织结构图等）、节点内容支持文本、图片、图标、超链接等，支持拖拽、导入导出功能、快捷键等。
思维导图mind map本地化部署并实现无公网IP环境远程协助——“cpolar内网穿透”
weixin_74957752的博客
08-19 1288
思维导图mind map本地化部署并实现无公网IP环境远程协助——“cpolar内网穿透”
simple-mindmap:一个非常简单的思维导图渲染引擎
05-06
简单思维导图 一个基于React的非常简单的思维导图渲染引擎。 仍在进行中。 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。
内网穿透的应用-如何使用Docker一键安装SimpleMindMap思维导图并实现远程访问
微学AI的博客
01-25 1283
使用上面的Cpolar生成的http公网地址,在任意设备的浏览器进行访问,即可成功看到我们本地部署的思维导图工具界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问!另外，这个地址在24小时内会发生随机变化，更适合于临时使用。最后,我们使用固定的公网http地址访问,可以看到同样访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问本地思维导图工具进行设计,无需公网IP,无需云服务器!
Docker思维导图总结
panjianlongWUHAN的专栏
11-26 2145
 自己为了学习总结了一些思维导图，后面附有GitHub链接 ,分享给大家。https://github.com/panjianlong13/MindMapSummary    
Docker各种思维脑图【整理】
虫无涯的博客
05-06 4261
注：主要对一些博主分享的Docker脑图进行汇总，方便个人学习使用。如果他用，请点击对应链接联系对应博主。 1、Docker思维导图 博主：aero_boy 2、Docker及其使用思维导图 博主：爱是与世界平行 3、尚硅谷周阳Docker思维导图(官方完整版) 博主：无需有太多 4、Docker学习思维导图 博主：only老K 5、Docker常用命令的思维导图 博主：青耕JL 6、D...
第一个Docker 应用程序
lm19770429的专栏
11-25 273
第一个 Docker 应用程序
Docker学习（三） —— 思维导图
weixin_55220613的博客
04-04 1663
docker 学习内容思维导图
[翻译]docker生态圈Mindmap
weixin_34234721的博客
03-18 139
Docker是一个开源的Linux容器，其被业界所接受，很快成为了一个产业标准。Docker可以减少应用程序启动 时候的大量资源的筹备。docker很快的成为了新兴的应用程序容器标准。现在有很多项目正围绕着它处于开发中。 下面将是Mindmap出我所知道的一些项目。你可以在这里访问Mindmap. 英语原文链接http://allthingsplatforms.com/platfor...
vue3使用simple-mind-map，分分钟开发思维导图
热门推荐
qq_31676725的博客
08-24 1万+
思维导图？感觉很复杂的样子，这种很牛p的东西应该不是我三两天就能手写搞定的，于是我`github`转了一圈，果然不出我所料，对比了几个插件以后我是先选择了它
centos7安装docker详细流程，思维导图添加详细的安装命令
03-22
<think>嗯，用户想在CentOS 7上安装Docker，并且需要详细的流程和思维导图，还要包含具体的安装命令。首先，我需要回顾一下CentOS 7安装Docker的步骤，确保流程正确。根据之前提供的引用，特别是引用[1]和引用[2]，Docker的安装需要满足系统要求，比如操作系统版本和架构。CentOS 7是支持的，但要注意是X86架构。 首先，用户可能需要先卸载旧版本的Docker，如果有的话。引用[1]中提到卸载命令是yum remove docker-ce等，所以安装前可能需要清理旧版本。不过如果是新系统，可能不需要这一步，但为了全面性，应该包括进去。 接下来，安装必要的依赖包，比如yum-utils，这可能会用到。然后添加Docker的官方仓库，使用yum-config-manager命令，这一步是关键，因为这样才能从官方源安装最新版本。 然后，安装Docker Engine和CLI工具，根据引用[2]中的要求，需要Docker Engine v19.03或更高版本，所以用户应该安装最新的稳定版。安装命令应该是yum install docker-ce docker-ce-cli containerd.io，这需要确认是否正确，并注意是否需要启用特定仓库。 安装完成后，启动Docker服务，设置开机启动，这涉及systemctl的命令，如systemctl start docker和systemctl enable docker，这部分在引用[3]中有提到，检查服务状态和版本。 验证安装是否成功，运行docker version和hello-world镜像，确保Docker正常运行。这部分在引用[3]中有说明，检查状态和版本。 用户还要求以思维导图形式展示，可能需要分层次结构，比如分为准备环境、安装步骤、验证等，每个步骤下包含具体命令。需要确保每个节点都有对应的命令，例如卸载旧版本、安装依赖、配置仓库等。 此外，用户提到要使用思维导图工具，引用[4]中提到了使用Docker部署Simple mind map，可能可以推荐用户使用该工具来创建导图，但用户的问题主要是安装Docker本身，所以可能需要将安装流程整理成结构化的思维导图内容，而不是工具的使用。 需要注意所有命令是否正确，比如添加仓库时是否使用正确的URL，或者是否有其他潜在的步骤遗漏，比如防火墙设置或者用户权限问题（如将用户加入docker组）。不过根据引用提供的信息，可能不需要这些额外步骤，但如果有必要可以提及。 最后，生成相关问题时要围绕安装流程，可能的优化、常见问题、版本升级等，确保问题相关且有参考价值。</think>### CentOS 7 Docker安装流程（思维导图结构） #### 1. **准备环境** - 确认系统版本： ```bash cat /etc/redhat-release # 输出应为CentOS 7.x ``` - 检查架构要求：仅支持X86架构[^2] ```bash uname -m # 应显示x86_64 ``` #### 2. **卸载旧版本（可选）** ```bash sudo yum remove docker-ce docker-ce-cli containerd.io # 移除Docker组件[^1] sudo rm -rf /var/lib/docker # 清理残留文件 ``` #### 3. **安装依赖工具** ```bash sudo yum install -y yum-utils device-mapper-persistent-data lvm2 # 基础依赖包 ``` #### 4. **配置Docker仓库** ```bash sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo # 添加官方仓库[^2] ``` #### 5. **安装Docker引擎** ```bash sudo yum install -y docker-ce docker-ce-cli containerd.io # 安装核心组件 ``` #### 6. **启动并设置服务** ```bash sudo systemctl start docker # 启动Docker服务[^3] sudo systemctl enable docker # 设置开机自启 sudo systemctl status docker # 验证服务状态（应显示active） ``` #### 7. **验证安装** ```bash sudo docker version # 检查版本（需≥v19.03） sudo docker run hello-world # 运行测试镜像 ``` --- ### 思维导图关键命令整合 ```text CentOS7安装Docker ├── 1. 环境检查 │ ├── cat /etc/redhat-release │ └── uname -m ├── 2. 卸载旧版本（可选） │ ├── yum remove docker-ce... │ └── rm -rf /var/lib/docker ├── 3. 安装依赖 │ └── yum install yum-utils... ├── 4. 配置仓库 │ └── yum-config-manager --add-repo... ├── 5. 安装引擎 │ └── yum install docker-ce... └── 6. 启动与验证 ├── systemctl start/enable docker ├── docker version └── docker run hello-world ``` --- ### 部署思维导图工具（可选） ```bash sudo docker pull registry.cn-hangzhou.aliyuncs.com/work_t/mind-map # 拉取思维导图镜像[^4] sudo docker run -d -p 8080:80 --name mindmap <image_id> # 运行容器 ``` 访问 `http://服务器IP:8080` 使用工具绘制流程。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

江湖有缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值