在信息爆炸的時代，如何高效地組織、記憶和表達復雜信息成為一項關鍵技能。思維導圖作為一種強大的可視化工具，能夠幫助我們理清思路、激發創意并提高學習效率。最近在逛github的時候發現了一個開源的思維導圖工具SimpleMindMap，和家人們分享下。

項目介紹

思緒思維導圖。一個簡單&強大的 Web 思維導圖庫和思維導圖軟件。

• 一個 js 思維導圖庫，不依賴任何框架，可以用來快速完成 Web 思維導圖產品的開發。

• 一個 Web 思維導圖，基于思維導圖庫、Vue2.x、ElementUI 開發，支持操作電腦本地文件，可以當做一個在線版思維導圖應用使用，也可以自部署和二次開發。

該項目目前在github上已經有 10.2k star

開發文檔：https://wanglin2.github.io/mind-map-docs/

在線地址：https://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.0container_name: mind-map-ngrestart: alwayslogging:driver: 'json-file'options:max-size: '5g'environment:- NGINX_PORT=80ports:- 4200:80

創建完成之后使用以下命令啟動容器

docker-compose up -d 

如果不出意外的話我們就可以在瀏覽器中打開并使用了

項目使用

整個使用比較簡單，自己嘗試下就可以了，我其中比較喜歡的功能是markdown備注、概要、以及導出不同類型的文件這些，我現在公式和生活學習中都在使用這個思維導圖。

• git實現項目版本控制及云端存儲

我們可以先在gitee或者云效創建一個空項目，將項目拉去到本地，在這個文件夾下邊用我們部署的web或者客戶端創建文件，編寫完成后將項目推送到遠端，這樣就可以實現云端存儲及版本控制了。

如果你想在自己的vue項目中使用這個，可以參照作者提供的文檔來集成到自己的項目中。

總結

思維導圖不僅是筆記工具，更是重塑思維方式的利器。無論是學生、職場人還是創意工作者，掌握思維導圖都能顯著提升效率。從今天開始，讓我們使用這個項目嘗試用一張圖代替千言萬語吧！