Markdown 九 高階技巧

2021-10-09 07:40:51 字數 3777 閱讀 2703

不在 markdown 涵蓋範圍之內的標籤,都可以直接在文件裡面用 html 撰寫。

目前支援的 html 元素有:

等 ,如:

使用 ctrl+alt+del 重啟電腦
輸出結果為:

markdown 使用了很多特殊符號來表示特定的意義,如果需要顯示特定的符號則需要使用轉義字元,markdown 使用反斜槓轉義特殊字元:

輸出結果為:

markdown 支援以下這些符號前面加上反斜槓來幫助插入普通的符號:

\   反斜線

` 反引號

* 星號

_ 下劃線

{} 花括號

方括號() 小括號

# 井字型大小

+ 加號

- 減號

. 英文句點

! 感嘆號

當你需要在編輯器中插入數學公式時,可以使用兩個美元符 $$ 包裹 tex 或 latex 格式的數學公式來實現。提交後,問答和文章頁會根據需要載入 mathjax 對數學公式進行渲染。如:

$$

\mathbf_1 \times \mathbf_2 = \begin

\mathbf & \mathbf & \mathbf \\

\frac & \frac & 0 \\

\frac & \frac & 0 \\

\end

$}$$

輸出結果為:

以下幾個例項效果圖如下:

1、橫向流程圖原始碼格式:

```mermaid

graph lr

a[方形] -->b(圓角)

b --> c

c -->|a=1| d[結果1]

c -->|a=2| e[結果2]

f[橫向流程圖]

```

2、豎向流程圖原始碼格式:

```mermaid

graph td

a[方形] --> b(圓角)

b --> c

c --> |a=1| d[結果1]

c --> |a=2| e[結果2]

f[豎向流程圖]

```

3、標準流程圖原始碼格式:

```flow

st=>start: 開始框

op=>operation: 處理框

cond=>condition: 判斷框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 輸入輸出框

e=>end: 結束框

st->op->cond

cond(yes)->io->e

cond(no)->sub1(right)->op

```

4、標準流程圖原始碼格式(橫向):

```flow

st=>start: 開始框

op=>operation: 處理框

cond=>condition: 判斷框(是或否?)

sub1=>subroutine: 子流程

io=>inputoutput: 輸入輸出框

e=>end: 結束框

st(right)->op(right)->cond

cond(yes)->io(bottom)->e

cond(no)->sub1(right)->op

```

5、uml時序圖原始碼樣例:

```sequence

物件a->物件b: 物件b你好嗎?(請求)

note right of 物件b: 物件b的描述

note left of 物件a: 物件a的描述(提示)

物件b-->物件a: 我很好(響應)

物件a->物件b: 你真的好嗎?

```

6、uml時序圖原始碼複雜樣例:

```sequence

物件a->物件b: 物件b你好嗎?(請求)

note right of 物件b: 物件b的描述

note left of 物件a: 物件a的描述(提示)

物件b-->物件a: 我很好(響應)

物件b->小三: 你好嗎

小三-->>物件a: 物件b找我了

物件a->物件b: 你真的好嗎?

note over 小三,物件b: 我們是朋友

participant c

note right of c: 沒人陪我玩

```

7、uml標準時序圖樣例:

```mermaid

%% 時序圖例子,-> 直線,-->虛線,->>實線箭頭

sequencediagram

participant 張三

participant 李四

張三->王五: 王五你好嗎?

loop 健康檢查

王五->王五: 與疾病戰鬥

endnote right of 王五: 合理 食物

看醫生...

李四-->>張三: 很好!

王五->李四: 你怎麼樣?

李四-->王五: 很好!

```

8、甘特圖樣例:

```mermaid

%% 語法示例

gantt

dateformat yyyy-mm-dd

title 軟體開發甘特圖

section 設計

需求 :done, des1, 2014-01-06,2014-01-08

原型 :active, des2, 2014-01-09, 3d

ui設計 : des3, after des2, 5d

未來任務 : des4, after des3, 5d

section 開發

學習準備理解需求 :crit, done, 2014-01-06,24h

設計框架 :crit, done, after des2, 2d

開發 :crit, active, 3d

未來任務 :crit, 5d

耍 :2d

section 測試

功能測試 :active, a1, after des3, 3d

壓力測試 :after a1 , 20h

測試報告 : 48h

```

效果圖如下:

MarkDown使用技巧

推薦使用typora 使用 號加空格,乙個 就是一級標題,幾個 號就是幾級標題 沒有特殊格式,正常使用加回車就可以 斜體使用乙個 號包住需要的字型 你 粗體需要兩個 你是 粗斜體需要三個 我 一行三個以上的星號,減號,底線來建立乙個分割線,也可以有空格 兩端加上兩個波浪線可以加上刪除線 使用標籤來實...

MarkDown的高階用法

1 橫向流程圖原始碼格式 mermaid graph lr a 方形 b 圓角 b c c a 1 d 結果1 c a 2 e 結果2 f 橫向流程圖 2 豎向流程圖原始碼格式 mermaid graph td a 方形 b 圓角 b c c a 1 d 結果1 c a 2 e 結果2 f 豎向流程...

markdown基礎使用技巧

markdown基礎使用技巧 通過 建立 形式,不同形式可以疊加 比如 斜體 加粗 塊級元素 通過return enter實現切換段落 建立段落 通過shift return enter 實現換行或者通過 實現換行。通過使用1 6個 在行的開頭並加上 建立相應的1 6個級別的標題。標題使用 通過使用...