二、基本介紹

1、什么是Markdown

Markdown 是一種輕量級(jí)標(biāo)記語(yǔ)言，是希望通過簡(jiǎn)單的文本符號(hào)實(shí)現(xiàn)快速排版。其核心設(shè)計(jì)理念是「易讀易寫」，尤其適合需要兼顧內(nèi)容創(chuàng)作與格式化的場(chǎng)景。由約翰·格魯伯（John Gruber）于 2004 年創(chuàng)建，初衷是簡(jiǎn)化網(wǎng)絡(luò)寫作流程，減少 HTML 編碼的復(fù)雜性。Markdown 使用純文本格式編寫文檔，通過特定符號(hào)（如 #、*、>）標(biāo)記標(biāo)題、列表、引用等格式，并支持轉(zhuǎn)換為 HTML、PDF 等結(jié)構(gòu)化文檔。

2、什么是Mermaid

Mermaid 是一種基于文本的圖表生成工具。通過類似 Markdown 的簡(jiǎn)潔語(yǔ)法實(shí)現(xiàn)流程圖、時(shí)序圖、甘特圖等復(fù)雜圖形的可視化。
它由 JavaScript 庫(kù)驅(qū)動(dòng)，可直接嵌入文檔中，通過渲染工具自動(dòng)生成圖表。

三、兩者區(qū)別與關(guān)系

咱們從功能定位、語(yǔ)法規(guī)則、應(yīng)用場(chǎng)景等方面解釋兩者的差異，幫助大家快速理解

1、功能定位不同

Markdown：像“文字排版工具”，專注于純文本的格式化，比如寫文章時(shí)快速添加標(biāo)題、列表、加粗文字等。

例如：

這是標(biāo)題

? 這是列表項(xiàng)

這是加粗文字

它的目標(biāo)是讓文字內(nèi)容更整潔易讀，常用于寫文檔、筆記或網(wǎng)頁(yè)內(nèi)容。

Mermaid：像“畫圖工具”，專注于用文字生成圖表。例如，用幾行代碼就能畫出流程圖：

graph TD A[起床] –> B{刷牙了嗎？} B –>|是| C[吃早餐] B –>|否| D[先去刷牙]“ “

它的目標(biāo)是簡(jiǎn)化圖表繪制，適合展示流程、時(shí)間線等復(fù)雜關(guān)系。

2、語(yǔ)法與用途不同

Markdown 語(yǔ)法特點(diǎn)

? 簡(jiǎn)單符號(hào)描述文字樣式（如 # 表示標(biāo)題，* 表示列表）。
? 常用場(chǎng)景：寫博客、記筆記、發(fā)論壇帖子等需要快速排版的場(chǎng)景。

Mermaid 語(yǔ)法特點(diǎn)

? 用關(guān)鍵詞和符號(hào)描述圖表結(jié)構(gòu)（如 graph TD 表示流程圖方向，A-->B 表示連接線）。
? 常用場(chǎng)景：畫流程圖、項(xiàng)目時(shí)間軸（甘特圖）、數(shù)據(jù)庫(kù)關(guān)系圖等需要圖形化的場(chǎng)景。

3、兩者關(guān)系：互補(bǔ)搭檔

?Markdown 是基礎(chǔ)：就像寫文章需要紙和筆，Markdown 提供文字排版框架。
? Mermaid 是擴(kuò)展工具：就像在文章中貼一張手繪示意圖，Mermaid 能在 Markdown 文檔中直接插入圖表代碼塊。例如：

pie title 

寵物喜好調(diào)查 

"狗" : 79%  

"貓" : 17%  

"倉(cāng)鼠" : 3%

這段代碼會(huì)被渲染成一個(gè)餅圖，與文字內(nèi)容無(wú)縫結(jié)合。

總的來說

? Markdown可以讓文字排版變簡(jiǎn)單。
? Mermaid會(huì)讓畫圖變簡(jiǎn)單，且能直接寫在 Markdown 里。

就好比

? Markdown 像一本空白的筆記本，用來寫字。
? Mermaid 像筆記本里的貼紙，用來貼流程圖、時(shí)間線等圖形。

最后：
Markdown是一種內(nèi)容結(jié)構(gòu)，可以確保信息輸入的邏輯性。
Mermaid是一種視覺邏輯，可以確保圖表生成的精確性。
而AI 工具可以提高效率提升，使用markdown和mermaid可以實(shí)現(xiàn)自動(dòng)化與智能化。

本文轉(zhuǎn)載自公眾號(hào)@普羅米AI