若要為任何章節製作心智圖,只要將純文字縮排大綱貼到 Mind Map Maker,點擊 Generate,然後下載一個與你輸入內容完全對應的獨立 SVG 即可。整個轉換程序都在你的瀏覽器分頁中執行——無需上傳、無需註冊帳號,也不需要任何設計技巧——而且版面是確定性的,所以同一份大綱永遠會產生相同的圖表。因為你純文字中的每一行都會成為一個節點,你可以直接從正在處理的章節中複製各個段落標題,每往下一層縮排兩個空格,再讓工具為你繪製分支與連接線。第一個非空行會成為根節點,每多縮排兩個空格就增加一層深度,每一行縮排後的行都會附加到上方最近的一層節點上。最終會產生一張由左至右的圖表,較深的節點會以固定的欄距向右移動,列的順序保持原本大綱的順序,並以三次貝茲曲線 SVG 路徑將每個父節點的矩形連接到其子節點。

how to make mind map of any chapter
how to make mind map of any chapter

為什麼純文字大綱勝過從零開始繪製

任何章節——不論是教科書讀物、研究摘要、課堂筆記或一篇長文——其內部本來就隱藏著樹狀結構。作者寫作時會使用標題與副標題,段落會延伸出論點,例子則依附在主要論點之下。你的工作只是把這棵樹暴露出來。Mind Map Maker 的設計理念是:從章節到圖表的最快路徑,是透過已經存在於你腦中或頁面上的那份大綱,而不是透過在畫布上點擊、拖曳或排列圖形。

純文字之所以是這項任務的最佳輸入,原因有三。你可以對著筆記應用程式口述大綱,速度比在螢幕上拖曳方塊還快,因此調整結構的成本很低。大綱的順序與深度會直接對應到圖表的深度與順序——你先寫的內容會先出現在畫布上。一旦大綱正確,任何編輯之後只要按一個鍵就能重新產生圖表,無需手動重新調整位置,也不會有遺失分支的風險。工具會讀取你縮排的每一行,根據上方最近的一層行為每個子節點建立父節點,並輸出一張由左至右、列的順序完全依照大綱順序排列的圖表。

如果你處理的是已出版的章節,最簡單的起點是複製目錄並將它當作主幹。如果你處理的是自己的筆記,先輸入主要概念,再在下方以每層縮排兩個空格的方式列出支持要點。如果你處理的是逐字稿或文章,可以先快速掃過找主題句,並在貼上之前重建出階層架構。無論哪種情況,把章節壓縮成階層架構的過程本身就會讓你學會這個章節——心智圖只是這個過程的副產品,而不是目標。

建構整個階層的兩空格規則

Mind Map Maker 使用一條巢狀規則:每一行開頭額外縮排兩個空格(或一個 Tab),該行就會在樹狀結構中下降一層。第一個非空行被視為根節點,不帶前置空白。後續每一行會由下往上掃描整份大綱,直到找到正好比它多一層的最近上一行,該行就成為其父節點。

這條規則刻意設計得非常嚴格。你無法跳過某一層,直接從根節點跳到孫節點,因為解析器會找不到孫節點可附加的父節點,大綱會因此被拒絕。你也無法在同一個縮排前綴中混用 Tab 與空格,因為解析器會將每個前綴視為單一字符。使用連字號、星號或加號撰寫的項目符號,會在讀取縮排後從標籤中去除,因此 Markdown 風格的連字號不會破壞階層結構。空白行則會直接被忽略。這些就是你必須遵守的唯一格式規則,它們存在的目的是讓父子連接保持確定性,而不是靠猜測。

當你在為一個不熟悉的章節製作心智圖時,這種確定性是最重要的特性。如果同一份大綱永遠產生相同的版面,你就能在每次編輯之後有信心地重新建立圖表。你也可以把大綱本身做版本管理——將文字檔與 SVG 放在一起保存,因為 SVG 只是展示用的成品,而不是可以重新開啟編輯的專案檔。大綱保持可編輯;圖表則否。

如何為任何章節製作心智圖

  1. 在瀏覽器分頁中開啟 Mind Map Maker。這個工具在本機端執行——資料不會離開你的裝置,因此你可以放心貼上敏感的課程內容,不必擔心被上傳到伺服器。
  2. 貼上或輸入你的大綱。第一行從章節標題開始,不縮排;接著加入縮排兩個空格的段落標題;再以每多縮排兩個空格的方式加入子要點。你也可以每層使用一個 Tab 來代替兩個空格,只要在同一份大綱中選定一種風格並保持一致即可。
  3. 修剪每個標籤,讓圖表保持清晰可讀。解析器最多接受 80 個非空節點、總計 12,000 個字元,每個標籤最多 120 個字元,因此請將過長的子章節名稱縮短為仍像段落標題的簡短詞組。
  4. 點擊 Generate mind map。預覽會在分頁內更新。沿著每條三次貝茲曲線連接線追溯到父節點,檢查父子連接是否正確,並確認列的順序與你的大綱一致。
  5. 如果某個分支落在錯誤的位置,請修正大綱中的縮排(或新增或刪除一行),然後再次點擊 Generate。先前的結果會失效,其本機 Blob URL 也會被釋放。
  6. 當版面正確時,下載獨立 SVG。檔案中只包含矩形、路徑和文字——沒有腳本、沒有 foreignObject 元素、沒有遠端字型、也沒有網路參考——因此你可以直接以電子郵件寄送、嵌入簡報,或列印使用,都不會跳出安全性提示。
  7. 把原始大綱當作可編輯的主檔。SVG 只是凍結的快照;無論章節或你的想法如何改變,你隨時可以將大綱重新跑過產生器。

大綱限制一覽

限制數值
大綱最大字元數12,000
最大非空節點數80
單一標籤最大字元數120
每層縮排步進2 個空格或 1 個 Tab(不可混用)
跳過層級的行會被視為格式錯誤而拒絕
縮排的第一行會被視為格式錯誤而拒絕

大綱中各字元的作用

樣式解析器處理方式
前導連字號、星號或加號讀取縮排後從標籤中去除
兩個前導空格增加一層巢狀層級
一個前導 Tab增加一層巢狀層級
同一前綴中混用 Tab 與空格會被視為格式錯誤而拒絕
空白行忽略
標籤中出現的 & 號、角括號、引號、撇號進行 XML 跳脫並以文字呈現

限制、跳脫處理以及 SVG 能做與不能做的事

點擊 Generate 之後,產生的圖表刻意保持可預測。較深的節點以固定的欄距向右移動,列依據原始大綱順序排列,三次貝茲曲線 SVG 路徑將每個父節點的矩形連接到其子節點。這裡沒有自動力導向版面配置把節點四處移動以減少重疊,沒有長標籤的自動換行,也沒有嘗試測量文字寬度。這種取捨換來的是容易瀏覽、容易重現、也容易與大綱比對測試的圖表。解析器刻意將每個標籤限制在 120 個字元,使溢出的情況很少發生,簡潔的詞組仍能產生最清晰的圖表。

標籤的安全性在字元層級處理。每個標籤在進入 SVG 之前都會進行 XML 跳脫,這代表 &、<、>、" 和 ' 等字元會以純文字形式保留,而不會變成標記。如果某個章節標題中含有 & 號或角括號,圖表會以字面方式顯示它,而不會嘗試將它解析為標記。這也是為什麼下載的 SVG 中不會包含任何腳本元素、foreignObject 區塊、外部圖片參考或嵌入字型——在整個流程中,根本沒有一條路徑能讓任意內容進入檔案。

編輯方面也面臨同樣的取捨。輸出的 SVG 不是專案檔:你無法在 Mind Map Maker 中重新開啟它、無法拖曳節點、無法收合分支,也無法將它匯入到另一個應用程式。為預覽提供支援的本機 Blob URL,在你編輯大綱時就會被撤銷,正如 Web Blob API 的 MDN 參考文件所述。這個撤銷是有意為之——它讓這個工具專注於從章節到圖表的轉換,而不是偽裝成自由形式的編輯器。如果需要自由形式的空間編輯、拖曳控制點,或即時協作,請改用專門的繪圖應用程式。

當確定性 SVG 還不夠的時候

在 Mind Map Maker 擅長的場景中使用它——為課前需要摘要的讀物、需要視覺定錨的學習筆記、需要一頁式圖表的簡報,以及需要當成附件流通的摘要。這個工具能涵蓋大多數章節長度的內容,因為章節本身的標題通常遠少於 80 個,而且能輕易修剪為 12,000 字元以內的大綱。

當任務不再像處理一個章節時,請跳過這個工具。如果你需要自由形式的空間編輯——手動移動節點、用顏色分組、收合與展開分支——請改用通用的繪圖應用程式。如果你需要的是具有正確標題層級且對螢幕閱讀器友善的無障礙語意文件,那 SVG 並不是合適的成品;請輸出一份大綱或一份標記正確的 HTML 文件。如果你需要即時協作或可長期維護的專案檔,Mind Map Maker 刻意不儲存專案,因此雲端應用程式會是更合適的選擇。如果你處理的是一個大型知識圖譜,其中每個概念都與許多其他概念互相連結,那麼單一父節點、單一分支的大綱模型就太僵化了;支援多對多邊緣的工具會更適合你。

把大綱視為可編輯的唯一真實來源,把 SVG 視為最終成品。這種思維模式能讓這個工具保持實用:無論章節或你對它的理解如何改變,都重新產生圖表;把 SVG 交給任何需要快速看一眼的人;當你需要修改結構時,就回到大綱。心智圖是該章節在那一刻的清楚記錄;大綱才是你接下來要持續編輯的對象。

延伸閱讀:How to Make a Mind Map on Google Docs

延伸閱讀:Create a Mind Map for Free Online in Your Browser