* 戳上方藍字「 開源先鋒 」關註我
推薦閱讀:
大家好,我是開源君!
大家應該都在用 Markdown 吧,寫東西不用太多的考慮排版,很好用。
最近開源君在寫計畫計劃,苦於整理思路,於是就找到了
markmap
這個開源計畫。它可以將 Markdown 文本轉換為互動式的思維導圖,賊方便!
簡介
Markmap
是一個用 TypeScript 構建的開源計畫,可以在瀏覽器中執行。它可以將 Markdown 文本解析為思維導圖的結構,並以視覺化的方式呈現出來。
功能特性
支持 Markdown 語法,簡單易學
支持多種主題和樣式,美觀大方
支持匯出為 SVG、PNG 和 PDF 格式,方便分享
支持與其他應用程式(例如 Obsidian、Typora)整合,擴充套件功能
使用體驗
如果你不想安裝任何東西,官方提供了一個線上網站進行試用:
https://markmap.js.org/repl
下面這個是官方給出的例項,左邊輸入 Markdown,右邊就會即時的展示思維導圖的內容。
導圖可以放大縮小,編寫完成後可以將思維導圖匯出成互動式的 HTML 或者 svg。
使用語法也簡單,基本用
#
和
-
就可以了。
比如下面這樣的圖,
在markmap裏面的語法就是
# 開源小分隊
## 節點1
- 節點1.1
- 節點1.1.1
## 節點2
## 節點3
## 節點4
其他的語法,基本上和Markdown類似了,如加粗,程式碼塊,數學公式等等。
都可以在左邊的markdown源碼裏面找到對應的語法。
如果你想擁有更好的使用體驗,希望在本地也可以使用,那可以使用 VSCode 外掛程式。
在 Visual Studio Code 搜尋並安裝 markmap 外掛程式就可以。
要註意的是,檔名以 .mm.md 結尾才可使用。點選右下角「export」按鈕可以匯出動態的 html 檔。
另外,計畫還支持在本地終端中使用 markmap 命令列、透過 markmap-lib 庫在前端程式碼中控制使用 markmap。
Markmap是一個方便實用的工具,讓我們用簡單的Markdown語法就能建立漂亮的思維導圖。如果你經常會使用到思維導圖,可以去嘗試使用一下。
更多計畫細節、功能,感興趣的可以去計畫地址探索~~~
計畫地址:
https://github.com/markmap/markmap