如何畫好架構圖 (建議收藏)

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#000000","name":"user"}}],"text":"這是悟空的第 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"98","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#000000","name":"user"}}],"text":" 篇原創文章","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#b2b2b2","name":"user"}}],"text":"作者 | 悟空聊架構","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#b2b2b2","name":"user"}}],"text":"來源 | 悟空聊架構（ID：PassJava666）","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#b2b2b2","name":"user"}}],"text":"轉載請聯繫授權（微信ID：PassJava）","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"本文主要內容如下；","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/af/af91617cfe43458043ff90209e672d7b.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"前言","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"最近我發了一張我的開源項目的架構圖給","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"讀者交流羣","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"看了下：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/2a/2aaea297c1ed9568b2e8e2be07a78665.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"然後讀者羣裏就炸鍋了","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"，來看看大家怎麼說：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/ac/ac566daa3a5fcc4f14d2e562a83054e5.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"ProcessOn 不是隻能畫基本的流程圖麼，還能畫彩色架構圖？","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我猜他們眼中的流程圖是這樣的吧，確實有點平平無奇～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/e2/e28d09469e2be57ba761b6f70fa83d2d.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"後面就有人來求圖了，於是我決定出個 ProcessOn 的教程給大家。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/57/57adccf1e609d4661b1387384aa358b9.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"Processon 是一款在線畫圖軟件，當然它的功能在不斷迭代，現在功能非常豐富。我是 ProcessOn 的","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"重度用戶","attrs":{}},{"type":"text","text":"，寫文章和工作上都是用它畫圖，這個軟件我用了 4 年了～安利給大家～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"下面我就帶大家看看強大的 ProcessOn 怎麼秀翻天際的。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"一、流程圖","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"ProcessOn 官方提供了 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"8 種","attrs":{}},{"type":"text","text":"類型的圖：流程圖、思維導圖、思維筆記、原型圖、UML（統一建模）、網絡拓撲圖、組織結構圖、BPMN（業務流程圖）。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/60/60c5cf85c6417941c972f740052faef2.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我把上述官方提供的 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"8 種","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"類型的圖分爲 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"2 種","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"：","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"流程圖","attrs":{}},{"type":"text","text":"、","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"思維導圖","attrs":{}},{"type":"text","text":"。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/97/97812bc8d245523e246958c7131be5ee.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"下面先介紹流程圖的使用。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"1.1 元件","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"流程圖包含官方提供的 5 種：流程圖、原型圖、UML、網絡拓撲圖、BPMN。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"爲什麼會把這 5 種歸納到一起？","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"因爲創建這 5 種圖，出來的都是同一種畫布和工作臺，唯一不同的地方是左小腳的畫圖元件不一樣。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"如下圖所示，這是它們自帶的畫圖元件，官方爲了簡化大家畫圖，不同類型的圖帶的元件不一樣。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/7b/7b12a5aae12703537020b220c5b55094.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"但是我們是可以自己添加不同類型元件的，也就是說選擇任何一種流程圖，都能達到畫其他流程圖的目的。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"如下圖所示，我可以任意勾選不同的畫圖套件，來豐富左側的畫圖元件。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/9e/9e82908a4de5896328d2f16b2cace3ec.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"那我上面的架構圖是怎麼畫出來的呢？","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"大家先要勾選網絡拓撲圖下的","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"阿里雲","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"、","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"Azure","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/94/94367cb9fa5cd9066b22b1481a103767.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"左側就會出現很多漂亮的畫圖元件了。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/dd/dd3c9c20e352e43ef554cbed01873918.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"然後大家把這些元件拖到畫布中，用線條連接起來，就達到了我上面架構圖中的 50 %。另外 50 % 接着往下看。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"1.2 顏色","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"有哪些地方可以更改顏色？","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"這些地方都是修改顏色：方框的背景色、線條的顏色、文字的顏色。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"如下圖所示，設置了不同方框的背景顏色。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/6f/6f3c13cb2d4bc4fed1af05434085ad26.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"1.1.3 線條","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"線條是用得超級頻繁的，所以用好線條還是很重要的。線條可以配置顏色、樣式、粗細、","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/bc/bce576773e8f7b1eb3742d14ae068e7a.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"下圖是我在","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff6827","name":"user"}}],"text":"分佈式","attrs":{}},{"type":"text","text":"文章中的配圖，需要把控線條的顏色和方向等細節。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/f7/f769a55d2186c23e23919a748677bd44.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"（8 篇分佈式文章彙總 PDF 請回復 ","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"分佈式","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":" 獲取）","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"1.3 排列","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"當有多個圖形疊加使用時，有的圖形需要顯示在最上面，有的需要顯示在最下面，這個時候，圖層就派上用場了。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"可以單獨設置每個元件的置頂或置底或上下級，但是不能設置層級序號。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/a3/a3fa874e02f0c1ae3d34617a0d329304.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"1.4 上傳圖片","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"即使 ProcessOn 提供了很多圖片，但是還是有些少，這個時候，我們有兩種方式來添加自己想要的圖片：","attrs":{}}]},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"搜索圖片。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"上傳圖片。","attrs":{}}]}]}],"attrs":{}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"搜索圖片非常簡單，直接在左上角點搜索就可以了，如下圖所示，裏面的圖片還真好看。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/25/251f8c6bc0db114377f92170849359fb.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"大家可以通過下載圖片或上傳自己做好的圖片到 ProcessOn 中，如下圖所示，這是我上傳的圖片：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/64/644a5016c98b589103cd2a90bfaaf79d.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"上傳好圖片就可以隨心所欲畫自己想要的圖了，下面是我分佈式文章中的插圖，圖片都是自己上傳的，是不是很好看呀～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/22/22d601eb9a5f7ce1bf4b41c3af2b96e1.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"（8 篇分佈式文章彙總 PDF 請回復 ","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"分佈式","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":" 獲取）","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"1.5 泳道圖","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"作爲一名開發人員，常常需要理清多方系統如何交互，這個時候泳道圖就派上用場了。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我最喜歡畫的就是泳道圖了，如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/c2/c28895416dbab15aa55648b623ef975f.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"二、思維導圖","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"當今時代，思維導圖已經成了一種趨勢，我的很多文章開頭都用了思維導圖當作目錄。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"而 ProcessOn 的思維導圖分成三種：思維導圖、思維筆記、組織結構圖。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/c4/c4c68eda426961d53a08383bf92ad83c.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"2.1 思維導圖","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我用了 ProcessOn 的思維導圖工具後，決定不用其他的工具了～因爲 ProcessOn 思維導圖的風格我很喜歡。直接來看下效果吧：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/af/af91617cfe43458043ff90209e672d7b.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"畫思維導圖的小工具也是挺豐富的，來看下思維導圖的工作臺：左邊是目錄，中間是畫布，右邊是工具欄，用起來極其舒適。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/a1/a1c7c2f71280cbda23b95c33770f5042.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"2.2 思維筆記","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"還有一種思維導圖的方式，就是將思維導圖轉換成文本的形式，如下圖所示，這就是思維筆記。這種方便放在 PPT 中作爲演講的內容。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/d9/d97877c03cd8f0cf50f3cd5632dfa2e4.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"另外思維導圖和思維筆記之間可以互相切換，還是挺方便的。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"2.2 組織結構圖","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"組織結構圖其實就是一種豎向的思維導圖。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/05/055d463841c4424783bd6d2de0cafc65.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"另外組織結構圖可以調整方向和樹形結構變成其他類型的思維導圖。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/0f/0ff5f3ba7a8f9214287d0624761ea4b6.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"三、模版","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"ProcessOn 很強大的功能就是模版，你告訴我不會畫架構圖，ok，我給你找幾個模版讓你體會下，哈哈！有了模版，畫架構圖，分分鐘的事！","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"3.1 架構圖模版","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"比如下面這個，其實畫起來不難，依葫蘆畫瓢總會吧～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/dc/dc3a788213a75621a9036efd2604063e.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"上面是免費的模版，大家可以免費克隆哦～另外還有付費的模版，可以自行上傳自己的優質模版，設置成免費或付費的，說不定還能小賺一筆～","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"3.2 找模版","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"找模版非常簡單，去模版中心搜索就可以了。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/c9/c9b1039272a7a6b30cd15d74fe58d1c9.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"3.3 模版價值","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"大家克隆模版可能都是爲了畫圖，其實裏面有很多大神總結的筆記，比如讀書筆記的思維導圖，這些都是可以免費看的，省去了大家找筆記的時間。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"另外好的模版是可以用來借鑑的，學習別人怎麼畫圖也是一種進步～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"比如這個 RocketMQ 底層思維導圖，總結得就挺好，對了，大家不要白嫖上面的模版，記得給模版點個贊～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/5b/5b26a350ce77049c9d96669d56c35a52.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"四、協作","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"工作上我會把畫的圖分享給同事，一個鏈接就可以搞定。但是有時候同事想編輯我的圖，這個時候我就可以好好利用 ProcessOn 的協作功能了。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"ProcessOn 可以以四種方式分享給他人：","attrs":{}}]},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"協作","attrs":{}},{"type":"text","text":"：分享給他人一起編輯。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"發佈","attrs":{}},{"type":"text","text":"：發佈到 ProcessOn 官方平臺，可供他人查看或克隆。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"分享","attrs":{}},{"type":"text","text":"：以鏈接形式分享給他人，只讀形式。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"下載","attrs":{}},{"type":"text","text":"：可以將畫好的圖保存爲圖片、pdf 等，然後發給他人。","attrs":{}}]}]}],"attrs":{}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/31/3107ed9d964fd42ea6b4f83e7732c636.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"下載的文件格式也挺豐富的：PNG、JPG、PDF、SVG 等。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/6e/6edc762e940e0a3db1132a6efcd25a99.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"五、文件組織","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我畫了 100 多張圖了，分文件夾存儲對我來說非常重要，ProcessOn 可以幫我做到。如下圖所示：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/b4/b4150087450b5106ec87c4b4f209aa86.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"我的文件","attrs":{}},{"type":"text","text":"：就是自己創建的文件了。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"最近修改","attrs":{}},{"type":"text","text":"：就是最近修改的文件了，非常方便查看。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"與我協作","attrs":{}},{"type":"text","text":"：就是別人邀請我進行協作的文件。","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"我的收藏","attrs":{}},{"type":"text","text":"：收藏的圖，這個功能非常贊！","attrs":{}}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"回收站","attrs":{}},{"type":"text","text":"：刪除的圖可以從回收站找回。","attrs":{}}]}]}],"attrs":{}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"六、資費","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我用了一段時間的免費版，總共只能創建 9 個文件，完全不夠用，而且其他功能也有限制。如下圖所示，這是免費賬戶的容量。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/94/9486d7f84d42337ee01b4355cdb0f2eb.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"然後我又去參加官方活動：邀請兩個人註冊後官方贈送了 6 個文件。但是還是不夠用。","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"一氣之下，充了 3 年的個人版","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"。個人版和團隊版都是 100 多塊錢 1 年，有點小貴。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}},{"type":"strong","attrs":{}}],"text":"另外，我的一個讀者也是太厲害了，邀請了 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff4c00","name":"user"}},{"type":"strong","attrs":{}}],"text":"16","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":" 個人註冊，擴容到了 ","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#ff4c00","name":"user"}},{"type":"strong","attrs":{}}],"text":"57","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":" 個文件，膩害膩害～","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/8c/8c220fcd569cee05af8e51dc42f68691.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"七、其他亮點","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"ProcessOn 讓我非常欣賞的還有其他亮點。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"6.1 更新日誌","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"每次 ProcessOn 的功能更新，都會在主頁提示用戶，而且是動圖演示新增功能的，贊一個！","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"我每次都會看有什麼新功能，然後體驗一把～","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"6.2 添加水印","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"這個功能可以在畫布上添加水印，但是水印的圖層是在最下面一層。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/cb/cbb5509167a92790d85635a602b73951.png","alt":null,"title":null,"style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":null,"fromPaste":true,"pastePass":true}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"6.3 網格","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"網格我個人感覺看起來很舒服，大家可以根據個人喜好關掉網格或調整網格大小。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#515151","name":"user"}}],"text":"6.4 非常豐富的模版","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"模版中漂亮的魚骨圖、關係圖、時間軸，這些都是可以放到 PPT 中演講的，是不是又學會了一招呢。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"好了，今天的教程就到這裏了。我畫的架構圖所在的開源項目的","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"後端","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"、","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"前端","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"、","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"小程序","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":"都上傳到同一個倉庫裏面了，大家可以通過 ","attrs":{}},{"type":"codeinline","content":[{"type":"text","text":"Github","attrs":{}}],"marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#3a3a3a","name":"user"}}],"text":" 訪問，歡迎給個 Star 吧。回覆 PDF 下載 Spring Cloud 教程。","attrs":{}}]},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#595959","name":"user"}},{"type":"strong","attrs":{}}],"text":"Github","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#595959","name":"user"}}],"text":": https://github.com/Jackson0714/PassJava-Platform","attrs":{}}]}],"attrs":{}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"color","attrs":{"color":"#021eaa","name":"user"}}],"text":"- END -","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"歡迎關注我的公衆號：「","attrs":{}},{"type":"text","marks":[{"type":"color","attrs":{"color":"#FF7021","name":"user"}}],"text":"悟空聊架構","attrs":{}},{"type":"text","text":"」","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockquote","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"作者簡介：","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"8 年互聯網職場老兵｜全棧工程師｜90 後超級奶爸｜開源踐行者｜公衆號萬粉原創號主","attrs":{}},{"type":"text","text":"。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"藍橋簽約作者，著有《JVM 性能調優實戰》專欄，手寫了一套 7 萬字 SpringCloud 實戰總結和 3 萬字分佈式算法總結。歡迎關注我的公衆號「悟空聊架構」，免費獲取資料學習。","attrs":{}}]}],"attrs":{}}]}