mermaid甘特圖

本文目錄一覽：

• 1、Markdown Mermaid 實用教程
• 2、Unity中粒子效果演示時不會自動播放
• 3、有哪些it程序員的必備神器？
• 4、如何在Markdown中畫流程圖

Markdown Mermaid 實用教程

Mermaid 是一個用于畫流程圖、狀態圖、時序圖、甘特圖的庫，使用 JS 進行本地渲染，廣泛集成于許多 Markdown 編輯器中。

官方網站：

項目地址：

有道云筆記Markdown指南

Mermaid 實用教程 - CSDN

Unity中粒子效果演示時不會自動播放

會自動播放。

全新的界面設計，將會帶來全新的寫作體驗；在創作中心設置你喜愛的代碼高亮樣式，Markdown將代碼片顯示選擇的高亮樣式進行展示；增加了圖片拖拽功能，你可以將本地的圖片直接拖拽到編輯區域直接展示；全新的KaTeX數學公式語法。

增加了支持甘特圖的mermaid語法1功能；增加了多屏幕編輯Markdown文章功能；增加了焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設置等功能，功能按鈕位于編輯區域與預覽區域中間；增加了檢查列表功能。

有哪些it程序員的必備神器？

URL Decoder/Encoder：? 特別實用的一個用來處理URL編碼和解碼的小工具，你甚至可以直接將這個頁面的源代碼保存下來，這樣不需要連接上網也可以離線使用。附送的一個隱藏功能就是當你從任何地方拷貝信息過來的時候，它會自動去除拷貝過來的格式化信息，小編自己基本上每天都會使用這個小工具復制粘貼各種信息。

iTerm2是一款完全免費的開源軟件，可以完全替代MacOS的終端。iTerms功能強大，使用方便，可以讓你輕松且高效地管理和定制化你的工作流程。iTerm2的一些特色功能包括：標簽變色，智能選中，自動補齊，全屏展示所有的 tab并支持搜索（Exposé Tabs），豐富的快捷操作等。

Textpad這款工具具有無限制的撤銷/重做功能，并且能夠編輯超大文件，文件上限是系統虛擬內存大小。

Octotree：??Github是目前使用最廣泛的版本控制工具，然而通過瀏覽器訪問Github的體驗并不是那么友好，特別是當我們需要不斷地訪問不同文件夾里面的文件的時候。Octotree正是這樣一款瀏覽器插件，它提供了類似IDE的便于訪問的代碼目錄樹，能夠提高我們在Github上工作效率。

Wireshark：這個工具可以用來監控機器上的TCP、HTTP等各層級的網絡通信。作為后端開發，如果想看前端發來的請求到底都包含了哪些信息，又沒有前端的調試環境的話，使用Wireshark監控HTTP請求是很好的解決方案。自己在程序中發HTTP請求時，也可以使用它來檢查發出的HTTP請求是否符合自己的預期。

Mermaid：這個工具可以使用腳本語言直接渲染出流程圖、時序圖、甘特圖，寫文檔簡單快捷。免拖拽，免排版，格式控制統一。腳本也便于存放修改，樣式可以復用。還可以使用插件集成如Markdown編輯器，進行實時預覽。

spectacle：Mac free source 窗口控制工具，拖拽窗口到屏幕邊緣resize，也可以自定義快捷鍵。用起來跟Windows上面一樣。相比較于Moom，SizeUp，Divvy，spectacle支持鼠標拖拽到邊緣resize，非常便利。

Tmux：一個虛擬終端可以管理多個會話，窗口和面板。執行 tmux 命令時就開啟了一個服務并創建了一個會話，窗口和面板。支持分屏，同時處理多個操作。不受斷網影響，避免丟失重要工作進度。方便演示與協作，支持結對編程。

Caniuse：? ?通過這個網站，用戶能夠查詢主流瀏覽器特定版本對HTML,CSS和JS的支持情況。并且最重要的是它“免費”！

Visual Studio Code：這是微軟出品的IDE工具，跨平臺（Linux，Mac，Windows）。輕量級內存占用，品質穩定且免費。同時內置Git版本控制功能。值得一提的是插件生態豐富，安裝插件簡單，通過插件可以增加更豐富的語言支持、主題定制、文本自動格式化等能力。

如何在Markdown中畫流程圖

如何在Markdown中畫流程圖呢？當然是用 mermaid 了，mermaid支持三種圖形的繪制, 分別是流程圖, 時序圖和甘特圖, 本篇文章只介紹了mermaid中流程圖在markdown的使用(現在的markdown還不支持mermaid，我本地使用的是 MWeb )。

流程圖方向有下面幾個值

從上到下

從左到右

格式

語法：style id 具體樣式

繪制一個流程圖,找出 A、 B、 C 三個數中最大的一個數。