本文二哥帶領大家來學習一下Markdown檔案編輯的那些高端操作，

推薦MD編輯器：Typora

注：除最后一個圖外，均可用于CSDN Markdown！
注：文中代碼塊中給出書寫格式，下方給出效果展示，

別猶豫了！先收藏吧！

一、標題

為了使段落展示的更加清晰，Markdown中設定了多級標題的表達形式，級別用#來表示，幾個#就表示幾級標題，代碼形式如下：

注意#后面要有一個空格

# 一級標題
## 二級標題
### 三級標題

示例如下：

一級標題

二級標題

三級標題

二、字體

Markdown中提供了如下幾種常用的字體格式，

斜體

*斜體*
_斜體_

斜體
斜體

粗體

**粗體**
__粗體__

粗體
粗體

粗斜體

***粗斜體***
___粗斜體___

粗斜體
粗斜體

洗掉線

~~洗掉線~~

~~洗掉線~~

分割線

***
---

腳注

[^腳注]

Typora展示如下：
在這里插入圖片描述

除了markdown中自帶的幾種字體格式之外，我們還可以配合HTML代碼進行字體的改變，

文本顏色

<font color="red">紅色字體</font>
<font color="green">綠色字體</font>
<font color="blue">藍色字體</font>

紅色字體
綠色字體
藍色字體

字體格式

<font face="黑體">黑體字</font>

黑體字

文本大小

<font size=5>5號字</font>

5號字

組合使用

<font color="red" face="黑體" size=5>別猶豫了！點贊吧！</font>

別猶豫了！點贊吧！

文本高亮顯示

<mark>高亮顯示</mark>

高亮顯示

添加背景顏色

<table><tr><td bgcolor="yellow">搞點顏色</td></tr></table>

搞點顏色

文本注音

當我們遇到生僻字或者為了突出某個字的時候可以使用注音的方式，

<ruby>饕餮 <rt>tāo tiè</rt></ruby>

饕餮 tāo tiè

下劃線

<u>下劃線</u>

下劃線

三、串列和板塊

為了使得排版更清晰，Markdown中提供了多種格式的串列和排版塊供我們組合使用，

無序串列

注意符號后面要有一個空格

- 無序串列
* 無序串列
+ 無序串列

無序串列

無序串列

無序串列

有序串列

1. 第一項
2. 第二項
3. 第三項

第一項
第二項
第三項

嵌套串列

使用嵌套串列的時候需要在子串列的前面加上4個空格，

- 第一級
    - 第二級

第一級
- 第二級

區塊參考

> 外層區塊
> > 第一層區塊
> > > 第二層區塊

外層區塊

第一層區塊

第二層區塊

片段代碼塊

Markdown中提供了能夠隨時在文本中添加片段代碼塊的方法，字符為鍵盤左上角的按鍵`，

`hello World`

hello World

代碼塊

Markdown中的代碼塊可以匹配幾乎型別的代碼樣式，在使用的時候我們可以選擇指定（也可不指定）對應的語言，

?```python
print('Hello World')
?```

print('Hello World')

公式塊

對于數學相關學者來說，通常需要撰寫數學公式，在Markdown可以使用$$來作為公式塊，在其中進行Latex型別公式的輸入，

$y=x^2+1$

$$y=x^2+1$$

y = x 2 + 1 y=x^2+1 y=x2+1

四、圖片與表格

Markdown在提供了控制圖片添加大小、位置的方法，

MD添加圖片（傳統方式）

![alt 屬性文本](圖片地址)

使用img添加圖片

使用img添加圖片的時候，width用于控制寬度，height用于控制高度，div align用于控制位置（left、center、right）

<img src="https://img.uj5u.com/2021/09/01/260627011436582.png" width="400" height="192" div align=center>

添加表格

MD中添加表格的方式比較單一，添加表格的時候可以控制文字的對齊方式：

-: 設定內容和標題欄居右對齊，
:- 設定內容和標題欄居左對齊，
:-: 設定內容和標題欄居中對齊，

| 左對齊 | 右對齊 | 居中對齊 |
| :-----| ----: | :----: |
| 單元格 | 單元格 | 單元格 |
| 單元格 | 單元格 | 單元格 |

左對齊	右對齊	居中對齊
單元格	單元格	單元格
單元格	單元格	單元格

添加鏈接

這是二哥的主頁： [二哥不像程式員](https://blog.csdn.net/qq_35164554?spm=1000.2115.3001.5343)

這是二哥的主頁：二哥不像程式員

五、流程圖

很多人覺得Markdown的缺點就在于無法繪圖，其實我們可以使用多種代碼的組合進行多個流程圖的繪制，示例如下：

橫向流程圖

?```mermaid
graph LR
A[方形] -->B(圓角)
B --> C{條件a}
C -->|a=1| D[結果1]
C -->|a=2| E[結果2]
F[橫向流程圖]
?```

縱向流程圖

?```mermaid
graph TD
A[方形] --> B(圓角)
B --> C{條件a}
C --> |a=1| D[結果1]
C --> |a=2| E[結果2]
F[豎向流程圖]
?```

縱向標準流程圖

?```mermaid
flowchat
st=>start: 開始框
op=>operation: 處理框
cond=>condition: 判斷框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 輸入輸出框
e=>end: 結束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
?```

橫向標準流程圖

?```mermaid
flowchat
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
?```

UML時序圖

?```mermaid
sequenceDiagram
二哥->>女神: 你好嗎?（請求）
Note right of 女神: 女神的答復
Note left of 二哥: 二哥在等待回復
女神-->>二哥: 我很好，什么事？(回應)
二哥->>女神: 今天天氣不錯
女神-->>二哥:下雨呢，滾！
?```

UML時序圖

?```mermaid
%% 時序圖例子,-> 直線，-->虛線，->>實線箭頭
sequenceDiagram
participant 二哥
participant 三哥
二哥->>四弟: 中午吃啥？
loop 吃啥呢？
		三哥->三哥: *****
end
Note right of 
    二哥: 烤肉 火鍋 <br/>麻辣燙...
    三哥->>二哥: 你說吃啥!
    二哥-->>三哥:你想
    四弟->>三哥: 三哥吃啥?
    三哥-->>四弟: 不知道!
?```

甘特圖

?```mermaid
%% 語法示例
gantt
dateFormat  YYYY-MM-DD
title 軟體開發甘特圖
section 設計
需求:done, des1, 2021-09-01,2021-09-03
原型:active, des2, 2021-09-05, 2d
UI設計:des3, after des2, 5d
未來任務:des4, after des3, 5d
section 開發
準備:crit, done, 2021-09-01,24h
設計框架:crit, done, after des2, 2d
開發:crit, active, 3d
補充:crit, 5d
section 測驗
功能測驗:active, a1, after des3, 3d
壓力測驗:after a1  , 20h
測驗報告: 48h
?```

Typora中的顯示如下：
在這里插入圖片描述

?? 整理不易，點個贊吧～??

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/296601.html

標籤：python

上一篇：樓下大媽看完廣場舞都想不跳了！C語言預處理（下）

下一篇：【保姆級教程】從零到精通Git，CodeChina實戰

Markdown騷操作｜字體顏色、字體背景、流程圖一網打盡【建議收藏】