Markdown 轉心智圖
免費線上 Markdown 轉心智圖工具。左側輸入標題和清單,右側即時產生互動式心智圖,支援展開層級、適配檢視和匯出 SVG,基於 markmap,完全在瀏覽器本地執行。
markmap 是什麼?
markmap 是一個開源函式庫,可以把 Markdown 文件轉換成可互動的心智圖。標題、清單、連結和粗體文字會變成一棵可用 d3.js 縮放瀏覽的分支樹。
怎麼從 Markdown 產生心智圖?
在左側編輯器輸入 Markdown:每個標題成為主分支,清單項目成為子節點,巢狀深度決定層級關係。停止輸入約 300 毫秒後心智圖自動更新。
哪些 Markdown 元素會變成導圖節點?
各級標題(# 到 ######)、有序/無序清單、引用區塊和任務清單項目都會轉換為樹狀結構;粗體、斜體、行內程式碼和連結會保留為節點文字。
我的 Markdown 會被上傳嗎?
不會。轉換完全在瀏覽器本地進行,筆記不會離開您的裝置,因此私密大綱和腦力激盪內容也很安全。
「展開層級」選項有什麼用?
它控制心智圖初始展開的深度:全部展開,或只顯示第一、二、三層。之後仍可點擊任意節點手動展開或收合其子節點。
如何匯出心智圖?
點擊「下載 SVG」即可把目前導圖儲存為帶內嵌樣式的向量檔案,可在任何瀏覽器或向量編輯器中開啟,縮放不失真。
如果 Markdown 寫錯了會怎樣?
Markdown 語法非常寬容,真正報錯的情況很少。如果轉換擲出例外,頁面上會保留之前的心智圖,並透過 toast 提示出錯原因。
編輯器為空時會發生什麼?
畫布上方會顯示空態提示。只要輸入任何 Markdown 內容,心智圖就會自動重新產生。
支援表格或程式碼區塊嗎?
markmap 專注於層級結構,表格和程式碼區塊不會畫成節點。想要乾淨的樹狀結構,大綱盡量只用標題、清單和文字。
心智圖會跟隨深色模式嗎?
會。markmap 的配色在淺色和深色背景下都保持可讀,切換平台主題時樹狀圖依然清晰可見。
如何使用Markdown 轉心智圖
Markdown 的標題與列表天生就是心智圖的節點。在左側輸入大綱,右側基於 markmap 即時長出一棵可互動的樹,全程在瀏覽器本機渲染。
- 左側 Markdown 編輯框已預載一份範例大綱——一級標題(#)是主分支,更深的標題(##、###)逐層展開,列表項目(-)是最外層的葉節點;輸入或貼上自己的大綱,稍微停頓後導圖就會自動重建。
- 用「展開層級」下拉選單控制樹的展開深度——「全部展開」顯示所有節點,選 1–3 層則收合其餘部分,讓大型文件更易讀。
- 直接在導圖上瀏覽:拖曳平移、滾輪縮放,點擊節點可摺疊或展開它的分支。
- 平移或縮放之後,按「適配檢視」把整張導圖重新完整地框回面板中。
- 按「下載 SVG」把心智圖存成可縮放的向量檔,或按「複製 Markdown」帶走原始文字。
每個節點的文字控制在短短一行——長句子會讓分支互相擠壓。文件很大時,把「展開層級」設為 2 層,只展開正在處理的分支。
相關工具
- Markdown 預覽器 免費線上 Markdown 編輯器,支援即時預覽。編寫、渲染和匯出 Markdown,完整支援 GFM 表格、程式碼區塊和任務清單。
- Markdown轉HTML 即時將Markdown轉換為整潔的HTML程式碼,支援即時預覽。免費、隱私安全,完全在瀏覽器中運行。
- Markdown 表格編輯器 使用視覺化電子表格介面建立和編輯 Markdown 表格。設定對齊方式,新增列欄,即時產生格式化的 Markdown 程式碼。
- HTML轉Markdown 將HTML程式碼即時轉換為整潔的Markdown格式。支援標題、列表、連結、圖片、表格、程式碼區塊等。
- 手寫簽名產生器 免費線上手寫簽名產生器。可用滑鼠、手指或觸控筆繪製簽名,也可用手寫體輸入文字,一鍵下載透明底PNG,可直接插入PDF和Word文件。
- LaTeX公式編輯器 免費線上LaTeX公式編輯器,支援KaTeX即時預覽,快速編寫和匯出數學公式。
- 字帖產生器 產生漢字字帖和描紅練習紙,支援米字格、田字格、回宮格、九宮格等多種格子樣式,可匯出PNG或PDF列印。
- Markdown轉微信排版 將Markdown轉換為微信公眾號排版HTML,支援10種專業主題、程式碼語法高亮、連結轉註腳、一鍵複製內聯樣式貼上到微信編輯器。