Markmap 是一款用于將 Markdown 文本轉換為思維導圖的免費工具。

Markmap 的核心原理是通過輸入：結構化的 Markdown 文本，根據標題層級構建一個樹形數據結構，然后使用 d3.js 可視化 JavaScript 庫將樹形數據渲染成可交互的 SVG 思維導圖。

主要特點

Markmap 的主要特點和優勢在于：

• 純文本驅動：內容存儲在 Markdown 文件中可以于使用任何文本編輯器創建、編輯和版本控制 (例如 Git)。避免了傳統圖形化思維導圖工具中鼠標拖拽操作的繁瑣，操作高效。
• 分享與協作：Markdown 文件是純文本，體積小，易于分享和協作。團隊成員可以像編輯普通文檔一樣共同修改思維導圖的結構和內容。完美融入基于文本的工作流（如代碼倉庫、文檔項目）。
• 交互式可視化：生成的思維導圖是動態的 SVG，可以點擊節點展開/折疊分支，聚焦于特定部分。支持縮放和拖拽平移整個視圖。
• 輕量級與靈活：核心庫本身比較輕量，可以集成到各種環境和工具鏈中，例如 VS Code、Vim、Emacs、MCP Server 等。
• 免費開源： Markmap 是一個開源項目。

在線體驗

使用 Markmap 最便捷的方式是訪問官方在線工具：

https://markmap.js.org/repl

頁面左側用于編輯 Markdown 文本，右邊可以實時預覽思維導圖，結果可以導出為 HTML 或 SVG。

命令行工具

Markmap 提供了命令行工具，適合批量處理或集成到構建腳本中。輸入以下命令進行安裝：

npm install -g markmap-cli

然后使用以下命令生成思維導圖：

# 將 input.md 轉換成包含交互式思維導圖的 output.html
markmap input.md -o output.html# 或者直接生成 SVG
markmap input.md --output output.svg

VS Code插件

在 VS Code 擴展市場搜索并安裝 Markmap 插件：

然后就可以直接在 VS Code 中實現相同的功能了。