Markdown是什麼？及其做用和用法

好問的人，只作了五分種的愚人；恥於發問的人，終身爲愚人。——佚名

背景

嘿哈！你們好，昨天第一次整理出一些本人自認爲 是對你們有幫助的關於display的知識點，但我寫完併發布後發現，用HTML編輯器寫出來的排版老是彆扭，便根據大哥說的去查找了一下並發現了另外一種編輯方式，也就是今天的主角-----Markdown。

首先呢我也是第一次接觸Markdown，根據一天在菜鳥的學習整理出來的一些理論知識和各自的用法，接下來就和你們探討一下，歡迎各路大神評論指點！

---

在這裏我將用VScode編譯器來爲你們示範，方便你們理解和學習。 （這裏不過多的講述VScode如何運行Markdown,想要了解的能夠點擊這裏)

---

介紹Markdown：

Markdown是一種易讀易寫，可使普通文體編輯器編寫的標記語言，能使普通文本內容具備必定的格式。
Markdown編寫文檔後綴爲.md .markdown

---

Markdown標題：

Markdown 標題有兩種格式

1.=和-標記語法格式，以下：

我是一級標題
==========
我是二級標題
----------

顯示效果以下圖：

2.使用#號標記

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

顯示效果以下圖：

---

Markdown段落：

Markdown 段落，沒有特殊的格式，直接編寫文字就好，段落的換行是使用兩個以上空格加上回車。

---

調整字體:

*斜體文本*
_斜體文本_
**粗體文本**
__粗體文本__
***粗斜體文本***
___粗斜體文本___

顯示效果以下圖：

---

分隔線：

能夠用三個及三個以上的星號、減號、底線來創建分隔線(注意：行內不能有其它東西)。也能夠在星號或是減號中間插入空格，以下：

***

* * *

*****

- - -

----------

效果以下圖：

---

下劃線：

在文字的兩端加上兩個波浪線 ~~ 便可，實例以下：

Good boy
~~Good boy~~

效果以下：

---

刪除線：

下劃線能夠經過HTML的<u>標籤來實現：
<u>帶下劃線的文本</u>

---

腳註：

. Markdown 腳註的格式以下: [^要註明的文本]

例如文言文註釋：
多行不義，必自斃[^1]
[^1]: 倒下去

效果以下：

---

Markdown 列表：

Markdown 支持有序列表和無序列表。

無序列表:
Markdown 支持有序列表和無序列表。
無序列表使用星號(*)、加號(+)或是減號(-)做爲列表標記：

* 第一項
* 第二項
* 第三項

+ 第一項
+ 第二項
+ 第三項


- 第一項
- 第二項
- 第三項

大家能夠試一下結果是否是這樣的

有序列表：
使用數字並加上 . 號來表示，如
1. 第一項
2. 第二項
3. 第三項

似醬樣子嘛！哈哈哈 還有一種排序方式是 列表嵌套：

列表嵌套只需在子列表中的選項添加四個空格便可：

1. 第一項：
    - 第一項嵌套的第一個元素
    - 第一項嵌套的第二個元素
2. 第二項：
    - 第二項嵌套的第一個元素
    - 第二項嵌套的第二個元素

效果是這樣的哈哈：

---

Markdown區塊：

Markdown 區塊引用是在段落開頭使用 > 符號 ，而後後面緊跟一個空格符號：

>  1. 介紹Markdown
 >  2. Markdown標題書寫格式
 >  3. Markdown段落格式
	
> 最外層
> > 第一層嵌套
> > > 第二層嵌套

效果分別以下圖所示：
在區塊中也可根據本身的想法和需求靈活使用有序無序排列，舒舒服服！

---

Markdown代碼：

段落上的一個函數或片斷的代碼能夠用反引號把它包起來 ( ` ) such as:

`function`()函數

是這樣子的：

---

代碼區塊

代碼區塊使用 4 個空格或者一個製表符（Tab 鍵），也能夠用(```)包裹一段代碼，我的感受經常使用的是```，比較方便快捷，在這就舉一個例子

<div class="box">
   <div class="content">
       <span class="one"> 
           1
       </span>
       <span class="two">
           2
       </span>
   </div>
</div>

如圖:

Markdown連接：

連接使用方法以下：

[連接名稱](連接地址)
或
<連接地址>

例如呢：

這是小遊戲的連接[4399小遊戲](www.4399.com)

結果顯而易見：這是小遊戲的連接4399小遊戲

---

高級連接

連接也能夠用變量來代替，文檔末尾附帶變量地址：
這個連接用 小遊戲 做爲網址變量 [4399][小遊戲]
而後在文檔的結尾爲變量賦值（網址）

  [小遊戲]: http://www.4399.com/

顯示結果以下：
這個連接用 小遊戲 做爲網址變量 4399

Markdown圖片

• 開頭一個感嘆號 !
• 接着一個方括號，裏面放上圖片的替代文字 []
• 接着一個普通括號，裏面放上圖片的網址，最後還能夠用引號包住並加上選擇性的 'title' 屬性的文字。 ()

![alt 屬性文本]( 圖片地址 )
![alt 屬性文本]( 圖片地址 "可選標題")

複製圖片的地址到括號裏
![表情包](http://tu.jiuwa.net/pic/20180108/1515412976763098.gif)

哈哈，結果就是表情包都說實話了

也能夠看轉換的細節

Markdown表格：

說到表格，在昨天我還未認知Markdown的時候還被Markdown表格戲耍了一番，我認認真真的在最後的總結框了一個表格，可是自動給轉換成了Markdown格式，瞬間就

哈哈總之終於能夠揚眉吐氣的揭開了他們的面紗了...

Markdown 製做表格使用 | 來分隔不一樣的單元格，使用 - 來分隔表頭和其餘行。

語法格式以下：

|  表頭   | 表頭  |
|  ----  | ----  |
| 單元格  | 單元格 |
| 單元格  | 單元格 |

顯示以下：
文字對齊的方式也能夠設置哦

• -: 設置內容和標題欄居右對齊。
• :- 設置內容和標題欄居左對齊。
• :-: 設置內容和標題欄居中對齊。

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

就是這樣的效果：

補充：

轉義:

Markdown 有不少特殊符號來表示特定的意義，但若是須要顯示特定的符號則須要使用轉義字符，Markdown 使用反斜槓轉義特殊字符

**文本加粗** 
\*\* 正常顯示星號 \*\*

效果： Markdown 支持如下這些符號前面加上反斜槓來幫助插入普通的符號：

\   反斜線
`   反引號
*   星號
_   下劃線
{}  花括號
[]  方括號
()  小括號
#   井字號
+   加號
-   減號
.   英文句點
!   感嘆號

今日總結：

Markdown在我看看來，是很是方便快捷的，無論作什麼行業只要和計算機有關均可以用到。以前沒接觸過不知道，但接觸事後你會發現這可比word，pdf等有趣的多哦。用起來得心順手。這水我已經替你們試過來，很是的comfortable，叫上小夥伴們趕快來學習吧！ OK 今天所學就討論到這裏，但願能給須要用到Markdown的朋友一些幫助.