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

已于 2024-05-19 14:37:11 修改
阅读量1.4k 收藏 26
点赞数 19
分类专栏： 好玩的开源项目 文章标签： docker 容器 运维 思维导图
于 2023-11-28 23:15:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jks212454/article/details/134400386
版权

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

江湖有缘
关注
  • 19
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
4.1Docker.xmind思维导图
07-27
docker 应用学习资料，构建学习思维，docker思维导图，云计算，docker实践，xmind文件
deploy_dev:在Docker容器中部署KBase开发环境的工具
05-03
deploy_dev 在Docker容器中部署KBase开发环境的工具 先决条件 正常运行的部署当前需要Docker计算机中约40GB的可用磁盘空间和8GB的内存。 有关准备部署环境（安装docker和打开端口）的说明，请参阅README，位于 克隆此仓库 git clone https://github.com/kbaseIncubator/deploy_dev.git 创建一个初始站点配置 cd deploy_dev cp site.cfg.example site.cfg 编辑site.cfg USER=<your> PASSWORD=<your> PUBLIC_ADDRESS=<public> 请注意，您
simpleMindMap.js 思维脑图-vue
最新发布
南山高尔夫的博客
04-01 559
2、我在utils文件夹中创建了一个simpleMindMap文件夹，里面存放一些封装的方法。个人使用simpleMindMap绘制脑图一点经验。3、创建脑图vue组件。
再见Docker，是时候拥抱下一代容器工具了
02-24
Linux容器是由Linux内核所提供的具有特定隔离功能的进程，Linux容器技术能够让你对应用及其整个运行时环境（包括全部所需文件）一起进行打包或隔离。从而让你在不同环境（如开发、测试和生产等环境）之间轻松迁移应用的同时，还可保留应用的全部功能。Linux容器还有利于明确划分职责范围，减少开发和运维团队间的冲突。这样，开发人员可以全心投入应用开发，而运维团队则可专注于基础架构维护。由于Linux容器基于开源技术构建，还将便于你在未来轻松采用各类更新、更强的技术产品。包括CRI-O、Kubernetes和Docker在内的容器技术，可帮助你的团队有效简化、加速和编排应用的开发与部署。Docke
docker18.09.7离线部署工具
07-21
原文网址：https://blog.csdn.net/m0_37814112/article/details/118799063 说明：可以在完全无外网的情况下，一键安装docker服务，支持自定义数据目录，真实有效！
docker整体命令思维导图
11-02
Docker的整体思维导图，用于回顾复习使用。 知识学了，实际工作中如果没有用到，慢慢就忘了。隔三岔五拿出来看看，哪些命令忘记了，就去再查一下。该思维导图源文件，使用的是XMIND22.09版本。
simple-mindmap:一个非常简单的思维导图渲染引擎
05-06
简单思维导图 一个基于React的非常简单的思维导图渲染引擎。 仍在进行中。 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。
强大的思维导图库SimpleMindMap
wbsu2004的博客
09-02 9917
SimpleMindMap 是一个还算强大的 Web 思维导图。
gitbook 入门教程之超高颜值的思维导图simple-mind-map插件
雪之梦技术驿站
03-17 1639
simple-mind-map插件可用于在 markdown 文档中生成超高颜值的思维导图,同时支持 markdown,json,txtmap和 mindmup等多种格式.
华为云云耀云服务器L实例评测｜部署在线思维导图 SimpleMindMap
特立独行的博客
10-07 997
华为云云耀云服务器L实例评测｜部署在线思维导图 SimpleMindMap
在docker环境下部署nacos部署，配有详细附图
01-10
docker部署nacos详细步骤，清测可用
尚硅谷 Docker 思维导图HTML版 亲测可用
01-09
尚硅谷Docker课堂思维导图，HTML版本，保证好用，亲测可用
docker 学习思维导图-高清版本
09-11
蚂蚁金服技术专家整理，docker 学习思维导图-高清版本！
2021最新版docker学习笔记+思维导图
01-13
2021最新版docker学习笔记+思维导图，从0到1手把手教你docker从理论到实战，里面包含大量的实战案例，全部都是笔者自己动手实践过的过程记录。
Docker思维导图（超级全面，必备）
12-28
Docker思维导图，涵盖知识笔记，内容超级全面，一图在手、天下我有. Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Linux或Windows 机器上，也可以实现虚拟化。
docker常用命令 整理成了思维导图 结构更清晰
04-23
docker常用命令 整理成了思维导图 结构更清晰。 常用命令 启动/状态/关闭 service docker start|... systemctl start|... docker docker version 查看版本 docker info 查看docker详情 镜像的相关指令 ...
如何引入 并使用simple-mind-map
qq_23084251的博客
10-27 707
simple-mind-map提供了api可以自定义各种节点和样式操作。这个思维导图库只提供画布，更多功能需要自己写按钮或者添加面板进行操作。
Web思维导图实现的技术点分析（附完整源码）
sinat_33488770的博客
08-01 2075
简介 思维导图是一种常见的表达发散性思维的有效工具，市面上有非常多的工具可以用来画思维导图，有免费的也有收费的，此外也有一些可以用来帮助快速实现的JavaScript类库，如：jsMind、KityMinder。 本文会完整的介绍如何从头实现一个简易的思维导图，最终成果预览：https://wanglin2.github.io/mind-map/。 技术选型 这种图形类的绘制一般有两种选择：svg和canvas，因为思维导图主要是节点与线的连接，使用与html比较接近的svg比较容易操作，svg的类库在试用
docker 部署思维导图
05-13
要将思维导图部署到 Docker 中，可以按照以下步骤操作： 1. 编写 Dockerfile 文件，指定镜像基础、安装依赖、复制代码等操作。 2. 构建 Docker 镜像，可以使用以下命令： ``` docker build -t image_name:tag . ``` 3. 运行 Docker 容器，可以使用以下命令： ``` docker run -p 80:80 -it --rm image_name:tag ``` 上述命令中，-p 选项用于指定端口映射，-it 选项用于启动交互式会话，--rm 选项用于容器退出时自动删除。 4. 在浏览器中访问部署好的思维导图服务，可以通过 localhost:80 或者指定的 IP 地址访问。 需要注意的是，在编写 Dockerfile 文件和构建 Docker 镜像时，需要根据具体的思维导图项目进行相应的配置和依赖安装。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

江湖有缘

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

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

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

打赏作者

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

抵扣说明：

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

余额充值