1. 程式人生 > >CSDN Markdown幫助

CSDN Markdown幫助

Markdown幫助

# 歡迎使用Markdown編輯器寫部落格

---------------------------

撤銷:Ctrl/Command + Z

重做:Ctrl/Command + Y

加粗:Ctrl/Command + B

斜體:Ctrl/Command + I

標題:Ctrl/Command + Shift + H

無序列表:Ctrl/Command + Shift + U

有序列表:Ctrl/Command + Shift + O

檢查列表:Ctrl/Command + Shift + C

插入程式碼:Ctrl/Command + Shift + K

插入連結:Ctrl/Command + Shift + L

插入圖片:Ctrl/Command + Shift + G

標題

---------------------------

# 1級標題

## 2級標題

### 3級標題

#### 四級標題

##### 五級標題

###### 陸級標題

文字樣式

---------------------------

*強調文字* _強調文字_

**加粗文字** __加粗文字__

==標記文字==

~~刪除文字~~

> 引用文字

H~2~O is是液體。

2^10^ 運算結果是 1024。

列表

---------------------------

- 專案

* 專案

+ 專案

1. 專案1

2. 專案2

3. 專案3

- [ ] 計劃任務

- [x] 完成任務

連結

---------------------------

連結: [link](https://mp.csdn.net).

圖片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)

帶尺寸的圖片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)

程式碼片

---------------------------

下面展示一些 `內聯程式碼片`。

```

// A code block

var foo = 'bar';

```

```javascript

// An highlighted block

var foo = 'bar';

```

1. 程式碼片必須手動宣告程式碼語言型別

2. 目前支援程式碼型別: `markup`、`html`、`svg`、`xml`、`c`、`clike`、`cpp`、`csharp`、`java`、`vbnet`、`go`、`ruby/rb`、`python/py`、`php`、`sql`、`perl`、`objectivec`、`swift`、`javascript/js`、`css`、`handlebars`、`bash`、`kotlin`

3. 程式碼片主題

預設主題為:Atom One Dark

可以前往 [**寫作中心/部落格設定**](https://mp.csdn.net/configure) 在**程式碼片樣式**項進行更改

表格

---------------------------

專案 | Value

-------- | -----

電腦 | $1600

手機 | $12

導管 | $1

| Column 1 | Column 2 |

|:--------:| -------------:|

| centered 文字居中 | right-aligned 文字居右 |

自定義列表

---------------------------

Markdown

: Text-to-HTML conversion tool

Authors

: John

: Luke

註腳

---------------------------

一個具有註腳的文字。[^1]

[^1]: 註腳的解釋

註釋

---------------------------

Markdown將文字轉換為 HTML。

*[HTML]: 超文字標記語言

KaTex 數學公式

---------------------------

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall

n\in\mathbb N$ 是通過 Euler integral

$$

\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

$$

新的數學公式使用了KaTex,其語法與 LaTex基本一致,但也有一些不同的地方,具體請參考KaTex官方使用文件: [https://katex.org/docs/supported.html](https://katex.org/docs/supported.html)

插入甘特圖

---------------------------

```mermaid

gantt

dateFormat YYYY-MM-DD

title Adding GANTT diagram functionality to mermaid

section 現有任務

已完成 :done, des1, 2014-01-06,2014-01-08

進行中 :active, des2, 2014-01-09, 3d

計劃中 : des3, after des2, 5d

```

插入UML圖

------------

```mermaid

sequenceDiagram

張三 ->> 李四: 你好!李四, 最近怎麼樣?

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

李四--x 張三: 我很好,謝謝!

李四-x 王五: 我很好,謝謝!

Note right of 王五: 李四想了很長時間, 文字太長了
不適合放在一行.

李四-->>張三: 打量著王五...

張三->>王五: 很好... 王五, 你怎麼樣?

```

插入Mermaid流程圖

--------

```mermaid

graph LR

A[長方形] -- 連結 --> B((圓))

A --> C(圓角長方形)

B --> D{菱形}

C --> D

```

插入Flowchart流程圖

-------

```mermaid

flowchat

st=>start: 開始

e=>end: 結束

op=>operation: 我的操作

cond=>condition: 確認?

st->op->cond

cond(yes)->e

cond(no)->op

```