操作教學｜教你如何在 Notion 繪製心智圖
2023/06/26閱讀時間約 10 分鐘
嘿！大家好！大家知道 Notion 嗎？
Notion 是一個功能強大且多用途的協作工具，除了幫助你管理筆記和任務外，它還提供了視覺化資料的能力。在這篇文章中，我將向你介紹如何在 Notion 上使用 Mermaid 語法來繪製心智圖。心智圖是一種有效的工具，能夠幫助我們組織思維、理清思路，以及視覺化資訊，方便你在 Notion 上優雅地呈現你的思路，提升你的工作效率和知識整理能力吧！
01 呼叫公式
使用 Notion 快捷鍵 ( / ) 呼叫指令，在斜線後輸入 code 開啟公式指令。
02 輸入對應語法
在 code 語法的編輯頁面，滑鼠移至左上方，選擇使用 code 語法是 Mermaid，以及所要呈現的方式為 Split。
Mermaid 語法完成的呈現方式除了剛剛分享的 Split，用於即時預覽編寫的程式碼是否正確外，還有另外兩款，分別是 Code 及 Preview。點選 Code 模式，便只會單獨存在你所撰寫的 Mermaid 語法；點選 Preview 模式，便只會呈現出圓餅圖的畫面。
如果你對 Mermaid 語法的三種呈現方式，以及何時應該使用它們還不熟悉，以下是我們提供的使用情境，你可以參考它們在 Split、Code 和 Preview 中的適用性：
- Split：
如果你想要直接編寫 Mermaid 語法並即時查看結果，Split 模式是很適合的。你可以在上側的編輯器中輸入 Mermaid 語法，下側的預覽窗格將即時顯示圖形結果。 - Code：
如果你更喜歡在一個專用的編輯器中編寫 Mermaid 語法，並且希望有更大的編輯區域和更豐富的程式編輯功能，那麼你可以切換到 Code 模式。在這個模式下，你可以在一個全螢幕的編輯器中編寫 Mermaid 語法，接續在完成後，透過點擊「Preview」按鈕來預覽圖形結果。 - Preview：
如果你只關心最終的圖形結果，而不需要直接編寫 Mermaid 語法，那麼 Preview 模式非常適合。在這個模式下，你可以使用預設的圖形編輯工具或匯入已編寫好的 Mermaid 語法檔案，然後即時預覽並進行必要的調整。
當然，無論你選擇使用哪種方式，都可以根據自己的需求和偏好來選擇最適合的 Mermaid 語法呈現方式。這些選項將幫助你更好地編寫、預覽和調整 Mermaid 圖形。
03 心智圖語法
當使用 Mermaid 語法來繪製心智圖時，主題是整個圖的核心，所有其他分支都是從主題延伸出來的，因此，需要先使用 mindmap 關鍵字定義一個心智圖。接續，以下是幾個常見的固定語法，包括定義主題、定義分支和設定節點形狀。這裡將逐步描述每個操作步驟和調整方式：
① 定義主題
在 Mermaid 語法中，可以使用「root」命令設置心智圖的主題。主題是心智圖的中心節點，表示整個思維結構的起點。以下是定義主題的語法示例：
mindmaproot(主題)
這行指定了心智圖中主題的顯示名稱為「主題」。你可以替換「主題」為你所需的標題文字。
② 定義分支
在 Mermaid 語法中，可以使用階層來展示與主題相關的子主題或相關概念。以下是定義分支的呈現示例：
mindmaproot(主題)分支1分支1.1分支2分支2.1分支2.2分支3
分支可以有多層次的結構，用於組織思維和信息。你可以使用「半形空白鍵」區分不同類型的分支，將分支放置在適當的位置，形成分支的層次結構。
③ 設定節點形狀
在 Mermaid 語法中，可以使用特定的符號在分支名稱前面定義節點形狀，常見的節點形狀符號包括 ()、(())、)(、))((、[]、{{}} 等，你可以根據需要選擇適合的符號。以下是定義分支的呈現示例：
mindmaproot(主題)[分支1]分支1.1((分支2)))分支2.1())分支2.2(({{分支3}}
這行指定了心智圖中節點的顯示形狀。你可以替換分支名稱前的符號，選擇其他符號來表示不同的節點形狀。
- 文字：預設方形。
- ( 文字 )：橢圓形。
- (( 文字 ))：圓形。
- ) 文字 (：雲朵形。
- )) 文字 ((：砰形。
- [ 文字 ]：矩形。
- {{ 文字 }}：六邊形。
04 實際操作
① 探索關聯
情境：老闆要求團隊思考影片製作會需要注意的事項，並以心智圖呈現。
%%{init: {'theme':'default'}}%%mindmaproot((影片製作))影片製作技巧影片拍攝技巧相機操作技巧場景選擇與佈置拍攝角度與運鏡技巧影片剪輯技巧剪輯軟體操作剪輯技巧與視覺效果音效與音樂的配合影片特效技巧視覺特效製作動態圖形與動畫效果色彩校正與調整影片燈光運用燈光設備選擇與操作燈光配置與燈光效果光影與氛圍營造技巧影片故事創作編劇技巧故事結構與情節發展人物設定與角色發展對話撰寫與劇本架構影片故事架構引起觀眾共鳴的開場衝突與高潮的發展令人印象深刻的結尾音效及配樂音效及配樂選擇音效搜尋與收集配樂風格與氛圍選擇音樂與影像的結合影片製作器材影片拍攝器材選擇相機與鏡頭選擇音頻設備與麥克風選擇攝影配件與穩定器選擇影片後製軟體選擇剪輯軟體選擇與比較視覺特效軟體與插件選擇音效剪輯與混音軟體選擇影片行銷目標觀眾分析行銷策略與宣傳計劃社交媒體平台的運用
② 組織知識
情境：老師為了讓大家充分了解何謂「社群媒體」，請小組同學進行腦力激盪，透過心智圖呈現社群媒體的相關內容，包含社交網路、社群媒體行銷、社群媒體管理、社群媒體資訊分析，以及社群媒體趨勢。
%%{init: {'theme':'default'}}%%mindmaproot((社群媒體))社交網路社群媒體行銷行銷策略目標市場定位宣傳訴求與策略營銷渠道搜尋引擎行銷社交媒體廣告影片行銷行銷效果評估點擊率轉換率銷售成效社群媒體管理社群經理工作職責技能要求薪資待遇社群管理工具HootsuiteBufferSprout Social社群媒體資訊分析資訊收集監測工具關鍵字搜尋資訊分析數據分析工具洞察報告撰寫社群媒體趨勢熱門話題時事新聞娛樂八卦運動賽事行業趨勢技術創新消費者行為市場競爭
③ 規劃任務
情境：在進行任務規劃時，我們可能需要透過軟體工具、人力資源和時間安排來追蹤進度。因此，可以透過心智圖初步思考可能需要的人力和資源，以提高組織能力和有效管理時間。
%%{init: {'theme':'default'}}%%mindmaproot(任務規劃)軟體工具專案管理軟體協同合作工具任務追蹤軟體日曆和排程工具文檔共享平台人力資源專案經理團隊成員外部合作夥伴顧問或專家支援團隊或助手時間安排任務分解和優先順序設定里程碑和時間節點任務時間估算適當的時間分配和排程監控和調整時間表
今天的分享就到這邊啦，期待下一篇的分享，祝福大家都有個美好的一天！喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友，歡迎按讚追蹤分享，也歡迎加入 數位生產力 IG 和 FB 社團，就能在第一時間收到最新的生產力工具介紹。最後，也別忘記可以通過上述操作步驟，使用 Mermaid 語法來定義主題、定義分支和設定節點形狀，從而根據你的需求進行相應的調整，以便繪製符合你專案要求的心智圖。快 點此 看本篇實際操作的 code，我們下次見！
☸ 窩DEMAA
為什麼會看到廣告
70會員
81內容數
留言0
查看全部
