最佳的思維導圖生成工具——markmap 使用教程

前言

相信很多程序員朋友都有在用 Markdown 吧,我是大三找實習工作的時候接觸到的,簡歷就是用 Markdown 寫的。

Markdown 的好處是專注碼字的同時還能兼顧排版,不用像 word 那樣文本加個粗都需要移動下鼠標,體驗非常好。

它的缺點就是可視化能力很弱,這就降低了信息的傳播效率,畢竟人對於圖像化內容的接收程度要強於文本。

可視化表達方面,思維導圖就很不錯。它作爲一種圖象化工具,通過層級式發散式地組織主題,幫助我們更好的記憶、學習和思考。

但在過去,這兩類工具是各自獨立的,也就是你寫完 Markdown 文本,想要可視化地傳達一些重點給讀者,就需要重新錄入下思維導圖,因此比較繁瑣,這也是我不怎麼用思維導圖的原因。

不過最近我發現一款很好用的工具,可以很好的解決上邊的問題,在此分享給大家。以下是本文的重點內容對應的思維導圖,就是用這款工具生成的。

本文重點

工具介紹

這款工具叫 markmap

markmap 可以將 Markdown 語法的文本通過思維導圖的方式進行可視化。以下是官網截圖,markmap 這個名字來自 markdown 的前半部分 和 mindmap 的後半部分,slogan 是 Visualize your Markdown with mindmaps 。

官網頁面

工具使用

在線版

如果你不想安裝任何東西,那可以直接瀏覽器(建議 chrome 瀏覽器)上訪問 https://markmap.js.org/repl 即可仿照官網模板進行轉換,如下圖。左邊錄入 Markdown 文本,右邊會實時展示出思維導圖。

使用頁面

Markdown 語法中的鏈接,加粗,刪除線,斜體,單行代碼,代碼塊,數學公式,轉換成思維導圖都有相應的視圖效果。而且支持下載生成動態化的 html 文件以及 svg 文件。

動態化效果如下圖,可以摺疊和打開。

動態效果

離線版

如果你想擁有更好的使用體驗,並且希望在斷網的情況下也能夠使用,那我推薦你下面這種方案。

在 Visual Studio Code 上安裝 markmap 插件,如下圖。

vscode 使用插件

編輯 Markdown 文本,文件名以 .mm.md 結尾即可使用,並且可以點擊右下角「export」按鈕導出動態的 html 文件。

vscode 使用界面

這款工具簡單又好用吧,如果對你有用的話,可以給我點個贊,分享給身邊朋友,非常感謝讀者朋友,也歡迎關注我,我會分享更多優質原創內容


歡迎關注我

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章