一个简单&强大的私有化Web思维导图 | SimpleMindMap 8.8K ⭐

Posted 22 days ago Updated 22 days ago

By srebro

19~24 min read

SimpleMindMap介绍

是一个简单&强大的Web思维导图库和思维导图软件。是一个js思维导图库，也是一个完整的思维导图工具。

🚢 项目地址

Github: https://github.com/wanglin2/mind-map
官网： https://wanglin2.github.io/mind-map-docs

🚀SimpleMindMap 功能

一个 Web 思维导图，基于思维导图库、Vue2.x、ElementUI 开发，支持操作电脑本地文件，可以当做一个在线版思维导图应用使用，也可以自部署和二次开发。
一个 js 思维导图库，不依赖任何框架，可以用来快速完成 Web 思维导图产品的开发。
客户端和插件丰富，独立客户端，支持Windows、Mac及Linux系统；uTools插件，现已上架uTools插件应用市场。
易于使用，开箱即用，上手简单，配置丰富，文档清晰。

🌏️SimpleMindMap 特征

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

🔖官方插件

官方提供了如下插件，可根据需求按需引入（某个功能不生效大概率是因为你没有引入对应的插件），具体使用方式请查看文档：

RichText（节点富文本插件）	Select（鼠标多选节点插件）	Drag（节点拖拽插件）	AssociativeLine（关联线插件）
Export（导出插件）	KeyboardNavigation（键盘导航插件）	MiniMap（小地图插件）	Watermark（水印插件）
TouchEvent（移动端触摸事件支持插件）	NodeImgAdjust（拖拽调整节点图片大小插件）	Search（搜索插件）	Painter（节点格式刷插件）
Scrollbar（滚动条插件）	Formula（数学公式插件）	Cooperate（协同编辑插件）	RainbowLines（彩虹线条插件）
Demonstrate（演示模式插件）	OuterFrame（外框插件）	MindMapLayoutPro（思维导图布局插件）
HandDrawnLikeStyle（手绘风格插件）	Notation（节点标记插件）	Numbers（节点编号插件）[收费]	Freemind（Freemind格式导入导出插件）
Excel（Excel格式导入导出插件）	Checkbox（待办插件）	Lineflow（节点连线流动插件）	Momentum（动量效果插件）
RightFishbone（向右鱼骨图插件）	NodeLink（节点链接插件）

🛠️ 部署 SimpleMindMap

👻 先决条件/要求

最低 512MB RAM（推荐 1GB+）
具备docker 或者 docker-compose 环境

🚩方法一：使用Docker 命令部署

docker run -d --name mind-map -p 8080:8080 --restart always -e GIN_MODE=release docker.cnb.cool/srebro/pidin/mind-map:latest

🚩方法二：使用Docker Compose部署 (推荐)

services:
  mind-map:
    #image: hraulein/mind-map:latest
    image: docker.cnb.cool/srebro/pidin/mind-map:latest  ##CNB镜像加速
    container_name: mind-map
    restart: always
    ports:
      - "8080:8080"
    environment:
      - GIN_MODE=release 		#debug 为调试模式

访问： http://xx.xx.xx.xx:8080

🧭 使用Nginx反向代理

#mind-map
  server {
        listen       443 ssl;
        server_name  mind-map.srebro.cn;  ##替换成自己的域名
        error_page  404              /404/404.html;
        charset utf-8;

		ssl_certificate /home/application/nginx/cert/srebro.cn.pem; 
		ssl_certificate_key /home/application/nginx/cert/srebro.cn.key;
        ssl_session_cache    shared:SSL:1m;
        ssl_ciphers  HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers  on;

	location / {
	proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header x-wiz-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
        proxy_set_header X-Forwarded-Proto $scheme;
		proxy_pass http://localhost:8080;
        }
}