對於很多人來講，畫組織架構圖是一件很費勁的事情。折騰半天，各種文本框什麼左拖又拉，始終不得要領。用Visio畫吧，看看那麼大的安裝包，看看界面，就開始了暗自發問，為什麼新手上路那麼難？

今天，在這裡分享一下，我最近剛剛琢磨出的一個小技巧，那就是<strong>用Markdown來畫組織架構圖。相比傳統的畫法，速度快不少，只需要複製粘貼相應的代碼，再調整一下就OK了。

話不多說，下面放大招。

<strong>這裡使用的工具是印象筆記，是的，你沒有看錯，是印象筆記。記得一定要升級到最新版。舊版本有可能不支持Markdown喲。當然你也可以按照提示的方法，去試一下其他的Markdown編輯器，不保證好用。

一、新建Markdown筆記

很自然的，這是第一步。必須選擇新建Markdown筆記，普通的筆記格式不行。

二、點擊“添加流程圖”圖標

按照下圖所示，點擊相應的圖標進行操作。

可能你會有點小小的疑問，為什麼是“添加流程圖”呢？其實，你仔細看，這個流程圖的圖標是不是很像組織架構圖？如果還沒有明白的話，那就繼續往下看好了。

點擊“添加流程圖”圖標

點擊“添加流程圖”圖標之後，會得到這樣的一串Markdown代碼，而在屏幕的右側則會自動的出現了一個類似於組織架構圖的流程圖。仔細觀看一下左邊和右邊是不是會發現點什麼？

其實可以嘗試進行一下編輯，看看最終的效果。如果操作失誤了，按Ctrl+z撤銷操作就好了。

執行“添加流程圖”後出現的Markdow代碼

三、對代碼進行修改

在上一步的基礎之上，對相應的Markdown代碼進行相應的修改。把菱形的那幾句刪除，這樣就看起來更像組織架構圖了。

簡版的“組織架構圖”

由第二步到第三部具體調整的代碼如下圖。通過對比可以發現，其實並沒有調整多少。

調整的Markdown代碼對比

四、讓層次更飽滿一些

將Markdown中的代碼複製，粘貼，然後再稍事調整一下。並進行簡單的調整。這樣就可以得到下面的這樣一個圖了。

是不是除了框中的文字外，就很像一個組織架構圖了？

很像組織架構圖的流程圖

五、整形

這是最後一步，調整相應的文字。一個簡單的組織架構圖最終成型。

最終的組織架構圖

印象筆記Markdown畫組織架構圖的好處就是，操作起來非常簡單，不需要進行圖片相關的處理操作。只需要對相應的文字進行編輯處理即可。圖片可以導出，很是方便。

當然為了更好的方便你繪製組織架構圖，我也把第五步的代碼附在下面。你在使用的過程中，直接全選複製粘貼上去，然後對“[]”內的文字進行簡單的修改就好了。

比如“|A1|”是控制組織架構圖中“A1”的，可以刪除它，也可以用來對相應的層級來作註釋。

```mermaid
graph TD
A[總經理] -->|A1| B(XX副總)
B --> C[XX部]
B --> D[XX部]
B --> E[XX部]
C--> G[模塊4]
C--> H[模塊5]
C--> J[模塊6]
D--> K[模塊K]
E--> L[模塊1]
E--> Z[模塊2]
E--> X[模塊3]
```

如果還有什麼其他的問題，歡迎在下方給我留言。好用的小技巧，一起用起來。如果你還有其他關於Markdown的問題或者技巧或者留言一起探討一下。

閱讀更多 NullVoid 的文章

關鍵字: 組織 架構圖 Markdown