當前位置: 妍妍網 > 碼農

6.4k star!一款美觀好用的思維導圖神器!

2024-02-24碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:


大家好,我是開源君!

大家應該都在用 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