在 Google Docs 上製作心智圖的方法,是先在文件中輸入一個縮排式的大綱,然後在瀏覽器中將該大綱產生為獨立的 SVG 檔,再把 SVG 以圖片形式插回文件。Google Docs 本身並未內建任何心智圖圖形資料庫,因此務實的做法是善用你已經在用的文書編輯器,並在本地端把結構轉換成圖表。你在第一行寫下根主題,按下 Enter,然後每一層分支縮排兩個空格或一個 Tab。接著把這份大綱貼到 Mind Map Maker,點擊 Generate,再下載產生的 SVG。因為整個流程都在你目前的瀏覽器分頁中執行,大綱從未離開你的裝置——這在你撰寫學習筆記、客戶方案或不想貼到第三方服務的內部文件時格外重要。SVG 是一個向量檔,只包含矩形、三次貝茲曲線路徑和文字——不含任何腳本、外部字體或遠端圖片——因此能乾淨地貼入 Google Doc,並且縮放時不會變得模糊。

how to make mind map on google docs
how to make mind map on google docs

為何大綱轉 SVG 產生器契合以 Docs 為主的工作流程

Google Docs 歸根究柢就是一個文書編輯器。它內建的繪圖工具可以畫出方塊和箭頭,但並非為心智圖的放射狀或階層式結構而設計,而且你在那裡畫的任何圖形都位於一個獨立的畫布圖層中,難以與周圍段落對齊。那些標榜能在 Docs 內做心智圖的外掛,通常需要安裝、登入,而且多半還要把你的文字上傳到遠端伺服器才能繪製圖表。當同一份大綱就能在本地端處理時,這樣的取捨其實並無必要。Mind Map Maker 採用的一切都在瀏覽器分頁內完成:剖析器會統一換行符號、從前置空白推導深度、為每個節點指派一個確定性的位置,然後把 SVG 直接寫入 Blob,只要按一下就能下載。輸出格式遵循 MDN 的 SVG 教學 中所述的標準向量格式,這代表該檔案無需轉檔就能在任何瀏覽器和大多數現代辦公軟體中開啟。

用你在 Google Docs 既有的寫作方式打出大綱

Google Docs 已經提供一套快速的鍵盤操作方式來撰寫階層式筆記,所以直接沿用那套肌肉記憶即可。你要餵給產生器的大綱不需要任何特殊格式——就是帶前置空白的純文字。請在文件中依照下列步驟操作:

  1. 把游標放在 Google Doc 中的一行空白行上,靠最左側不縮排地輸入根主題。這個第一個非空行會成為圖表的根節點。
  2. 按下 Enter 開新行,再輸入兩個空格(或一個 Tab)然後打入第一個子主題。在 Google Docs 中,兩個空格是比較保險的選擇,因為在純文字模式下 Tab 會調整段落縮排,而不一定會插入實際的 Tab 字元。
  3. 持續按下 Enter、輸入兩個空格或 Tab,並在對應的層級寫入各個新分支。每個層級務必剛好使用兩個空格(或剛好一個 Tab)——不要跳層,也不要用一個空格或三個空格。
  4. 更深的分支也套用同一條規則。孫位使用四個空格或兩個 Tab;曾孫位使用六個空格或三個 Tab,以此類推。前置的項目符號字元(如連字號、星號、加號)可被接受,會在讀取縮排後自標籤中去除。
  5. 每個標籤控制在 120 個字元以內。剖析器會將每個標籤上限設為 120 個字元,而簡潔的詞組仍能產生最清晰的圖表。
  6. 大綱完成後,全選所有行、複製,並在新分頁開啟 Mind Map Maker。把大綱貼到左側的輸入框中。

你寫好的這份大綱本身也是一份相當易讀的學習輔助資料。如果你正在研讀教科書章節,同樣的階層結構可以透過像是 How to Make a Mind Map of a Chapter for Study 這種章節專屬的逐步教學,轉換成以學習為導向的心智圖。

逐步產生心智圖

大綱貼到 Mind Map Maker 之後,轉換本身只需幾秒鐘。流程分為三個正式階段:

  1. 輸入大綱。先輸入或貼上根主題的一行,再用每層兩個空格或一個 Tab 縮排子行。第一個非空行就是根;剖析器會讀取後續每一行前置空白來指派深度,每個縮排行則會接到上一層距離最近的上層節點。
  2. 產生並檢查。選擇 Generate mind map。本地預覽會渲染出和下載檔案完全相同的 SVG,每個父方塊以三次貝茲曲線路徑連到子方塊。仔細檢查圖表是否有分支接錯父節點——確定性的版面配置代表預覽中看到的任何錯誤,檔案中也會出現。
  3. 下載並保留大綱。點擊 Download SVG 來儲存獨立的向量檔。大綱會留在輸入框中,方便你之後編輯標籤或新增分支後重新產生。編輯大綱會讓先前的 Blob URL 失效,因此舊的結果不會被意外重新取得。

產生的 SVG 刻意保持極簡:節點是矩形,連接線是三次貝茲曲線,標示用文字,沒有其他東西。完全沒有腳本、foreignObject 元素、外部圖片或遠端字體,這也是為什麼這個檔案能在 Chrome、Firefox、Safari 以及大多數桌面排版工具中呈現完全相同的結果。

縮排規則與硬限制一覽

在把一份大型大綱貼進產生器之前,了解剖析器接受哪些輸入格式、會拒絕哪些會很有幫助。下表摘要說明剖析器強制執行的規則,以及適用於所有大綱的硬性上限。

規則數值
大綱最大長度總計 12,000 字元
最大非空節點數80 行
每個標籤最大字元數120 字元
縮排單位每層 2 個空格或 1 個 Tab
跳層不允許——每個子節點必須剛好比父節點深一層
混用縮排不允許——同一前綴中不可混用 Tab 與空格
根節點縮排必須為零
前置項目符號字元 (-, *, +)讀取完深度後自標籤中去除
空白行忽略
換行符號於本地端統一(CR、LF、CRLF 皆接受)
處理位置目前的瀏覽器分頁——大綱不會上傳
輸出僅含矩形、路徑與文字的獨立 SVG

這些限制正是版面可預期的原因:每個節點依深度與來源順序取得一個穩定的位置,較深的節點以固定的欄距向右移動,行列則遵循原本的大綱順序,畫布會自動展開以容納所有產生的節點且不重疊。如果你的文件超過上限,請改按主題拆成數張子圖,不要硬把整章塞進同一張圖。

把 SVG 放回你的 Google Doc

下載的 SVG 才是你要交付的成品。要把心智圖放回你撰寫大綱的 Google Doc:

  1. 把游標放在 Google Doc 中你希望圖表出現的位置——通常是你剛剛複製的大綱的下一行。
  2. 開啟 Insert > Image > Upload from computer,選擇你下載的 SVG 檔。
  3. Google Docs 會將圖片以行內方式插入。點擊並拖曳角落的控制點來調整大小;SVG 在瀏覽器與大多數辦公軟體中無論尺寸都不會失真。
  4. 在插入的圖片上按右鍵,選擇 Image options 來新增標題、替代文字,或設定文繞圖。
  5. 若日後需要修改結構,請編輯原本的大綱、重新產生,再重新上傳。插入的圖片並不會反向連結回 SVG,因此更新必須手動進行。

針對非常長的文件,建議每個章節各自準備大綱與 SVG。80 個節點足以涵蓋一個有份量的子主題,而且唯有當每個標籤都是簡短詞組而非完整句子時,圖表才會保持易讀。

心智圖產生器在哪些情境下勝過 Docs 外的擴充功能

Mind Map Maker 是個簡報用成品的產生器,而非協作編輯器,這樣的取捨值得明白指出。針對單輪的章節規劃、專案啟動或客戶洽談等場合,把一份縮排大綱轉換成乾淨的 SVG,正是恰到好處的輸出形式。檔案小、隨處可開、無需帳號。

若是其他類型的工作,就該交給專門的圖表應用程式。當你需要的是上百個節點、帶有交叉連結的知識圖譜、即時協作、以拖曳方式重排節點,或可存取的語意輸出時,用一套完整的圖表工具會比一張張重新產生的 SVG 來得更快。同樣地,如果圖表需要雙向往返——編輯視覺後讓大綱跟著更新——Mind Map Maker 就不是合適的起點,因為這個 SVG 刻意是單向匯出。請把原始大綱視為唯一真實來源,並把每一次下載的 SVG 視為該來源在某個時間點的快照。

延伸閱讀:Generate Random IPv4 Addresses in Python for Testing and Docs