浣跨敤Markdown缁樺浘鎻掍欢Mermaid锛屽彲浠ラ€氳繃浠ヤ笅姝ラ杩涜浣跨敤锛?/p>

1. 瀹夎Mermaid鎻掍欢锛氬湪Markdown缂栬緫鍣ㄤ腑鎼滅储Mermaid鎻掍欢锛屽苟瀹夎鍒版祻瑙堝櫒鎴栫紪杈戝櫒涓€傚父瑙佺殑缂栬緫鍣ㄥTypora銆乂S Code绛夐兘鏀寔Mermaid鎻掍欢銆?/p>

2. 鍦∕arkdown鏂囨。涓紩鍏ermaid璇硶锛氬湪Markdown鏂囨。涓娇鐢∕ermaid璇硶鏉ュ畾涔夐渶瑕佺粯鍒剁殑鍥捐〃銆侻ermaid鏀寔澶氱绫诲瀷鐨勫浘琛紝渚嬪娴佺▼鍥俱€佹椂搴忓浘銆佺敇鐗瑰浘绛夈€?/p>

3. 缂栧啓Mermaid璇硶锛氬湪Markdown鏂囨。涓娇鐢∕ermaid璇硶鏉ユ弿杩板浘琛ㄧ殑缁撴瀯鍜屽唴瀹广€侻ermaid鐨勮娉曟瘮杈冪畝鍗曪紝鍙互鍙傝€僊ermaid瀹樻柟鏂囨。鎴栨暀绋嬫潵瀛︿範濡備綍缂栧啓Mermaid璇硶銆?/p>

4. 棰勮鎴栧鍑哄浘琛細鍦∕arkdown缂栬緫鍣ㄤ腑棰勮Markdown鏂囨。锛屾垨瀵煎嚭Markdown鏂囨。涓哄叾浠栨牸寮忥紙濡侶TML銆丳DF绛夛級鏉ユ煡鐪嬬敓鎴愮殑鍥捐〃銆?/p>

涓嬮潰鏄竴涓畝鍗曠殑渚嬪瓙锛屽睍绀轰簡濡備綍鍦∕arkdown涓娇鐢∕ermaid缁樺埗涓€涓祦绋嬪浘锛?/p>

graph LR
    A[寮€濮媇 -- 杩涜涓?--> B(澶勭悊涓?
    B -- 瀹屾垚 --> C{缁撴潫}
    C -- 鏄?--> D(鎴愬姛)
    C -- 鍚?--> E(澶辫触)
    D --> F[鎴愬姛]
    E --> F

閫氳繃浠ヤ笂姝ラ锛屽氨鍙互鍦∕arkdown鏂囨。涓娇鐢∕ermaid鎻掍欢缁樺埗鍥捐〃浜嗐€傝娉ㄦ剰锛屼笉鍚岀殑Markdown缂栬緫鍣ㄥ彲鑳藉Mermaid鐨勬敮鎸佺▼搴︽湁鎵€涓嶅悓锛屽叿浣撲娇鐢ㄦ柟娉曞彲鑳戒細鏈夋墍宸紓銆傚缓璁弬鑰冪浉搴旂紪杈戝櫒鐨勬枃妗ｆ垨鏁欑▼锛屼互鑾峰緱鏇磋缁嗙殑淇℃伅銆?/p>