前言
相信很多程序員朋友都有在用 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 插件,如下圖。
編輯 Markdown 文本,文件名以 .mm.md
結尾即可使用,並且可以點擊右下角「export」按鈕導出動態的 html 文件。
這款工具簡單又好用吧,如果對你有用的話,可以給我點個贊,分享給身邊朋友,非常感謝讀者朋友,也歡迎關注我,我會分享更多優質原創內容。