Markdown語法及使用技巧

一、標題

1.使用 = 和 - 標記一級和二級標題

輸入標題文字,shift + enter 另起一行, 輸入兩個或兩個以上 “ = / - ” 。

一級標題
==

二級標題
--

一級標題

二級標題

2.使用 # 號標記

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

一級標題

二級標題

三級標題

四級標題

五級標題
六級標題

二、段落

注意:段落的換行是使用兩個以上空格加上回車。

1.字體

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

斜體文本
斜體文本
粗體文本
粗體文本
粗斜體文本
粗斜體文本

2.分割線

在一行中用三個以上的星號、減號、底線來建立一個分隔線。

***

---

___

3.刪除線

在文字的兩端加上兩個波浪線 ~~

~~baidu.com~~

baidu.com

4.下劃線

可以通過 HTML 的<u>標籤來實現

<u>帶下劃線的內容</u>

帶下劃線的內容

5.腳註

腳註是對文本的補充說明

格式:[^要註明的文本]

例:這是一個谷歌網站鏈接1

這是一個谷歌網站鏈接[^腳註]
[^腳註]: http://www.google.com  

6.待辦事項

語法:橫框 + 空格 + 方括號(方括號中必須有空格或者x) + 空格+ 文本

  • 吃飯
  • 洗臉
  • 睡覺

三、列表

MarkDown 支持有序列表 和 無序列表

1.無序列表

無序列表使用星號(*)、加號(+)或是減號(-)作爲列表標記

* 星號
+ 加號
- 減號
  • 星號
  • 加號
  • 減號

2.有序列表

有序列表使用數字並加上 . 號後,再加上一個空格來表示

1. 第一項           
2. 第二項
  1. 第一項
  2. 第二項

3.列表嵌套

列表嵌套只需在子列表中的選項添加四個空格或者一個Tab縮進即可

1. parent1
    + p1-child1
        * p1.1-child1
            - p1.1.1-child3
    + p1-child2
        * p2.2-child2
2. parent2
    - p2-child1
    - p2-child2 
  1. parent1
    • p1-child1
      • p1.1-child1
        • p1.1.1-child3
    • p1-child2
      • p2.2-child2
  2. parent2
    • p2-child1
    • p2-child2

四、區塊

1.簡單使用

> 1.在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號   
> 2.區塊是可以嵌套的

1.在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號
2.區塊是可以嵌套的

> MarkDown
>> MarkDown

MarkDown

MarkDown

2.區塊與列表結合

  1. 區塊中使用列表
  2. 列表中使用區塊

區塊中使用列表

> 1. 有序
> + 無序
> 2. 有序
> - 無序
  1. 有序
  • 無序
  1. 有序
  • 無序
1. > 列表中使用區塊
    > 區塊內容
    >> 區塊內容
  1. 列表中使用區塊
    區塊內容

    區塊內容

  2. 列表中使用區塊

五、代碼

1.段落中的代碼

用反引號把它包起來(`)

`Markdown` 是一種輕量級標記語言。

Markdown 是一種輕量級標記語言。

2.代碼塊

1.使用 4 個空格或者一個製表符(Tab 鍵)
2.用 ```包裹一段代碼,並指定一種語言(也可以不指定)

```java
public static void main(String[] args) {
    System.out.println("Hello, World!");
}
```
public static void main(String[] args) {
    System.out.println("Hello, World!");
}

六、鏈接

1.簡單使用

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

[百度一下](https://www.baidu.com)

百度一下
<www.baidu.com>

2.高級鏈接

鏈接也可以用變量來代替,文檔末尾附帶變量地址

[百度][1]  
[谷歌][Google]

百度
谷歌

[1]:https://www.baidu.com  
[Google]:https://www.google.com  

3.頁面內跳轉鏈接

頁面內跳轉鏈接實際上就是HTML錨點跳轉,實際語法比較簡單,在需要跳轉的位置添加錨點,在需要跳轉的位置用span標籤包裹,語法如下:

<span id="jump">跳轉到的地方</span>

在需要點擊跳轉的位置,使用上面的id,格式類似超鏈接的形式:

[點擊跳轉](#jump)

跳轉標題

七、圖片

1.簡單使用

// 注:使用時去掉括號“()”前面的空格

![Vue](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL3hpYW96aGkxMjE4L215cGljL21hc3Rlci9pbWcvVnVlbG9nby5wbmc?x-oss-process=image/format,png "logo"

Vue

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

2.使用變量

可以像網址那樣對圖片網址使用變量,在文檔的結尾位變量賦值

3.使用img標籤(可自定義寬高)

<img src="圖片鏈接" width="" height="">

八、表格

1.簡單使用

使用 | 來分隔不同的單元格,使用 - (無數量限制)來分隔表頭和其他行

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

2.對齊方式

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

九、補充

1.支持的HTML標籤

目前支持的 HTML 元素有:<kdb> <b> <i> <em> <sup> <sub> <br>

<kbd>Ctrl</kbd>+<kbd>C</kbd>複製
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>A</kbd>QQ截圖

Ctrl+C複製
Ctrl+Alt+AQQ截圖

2.轉義

如需顯示特定的符號,使用反斜槓轉義特殊字符。

加粗

**加粗**  
\*\*顯示星號\*\*

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

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

  1. http://www.google.com ↩︎

發佈了24 篇原創文章 · 獲贊 0 · 訪問量 1288
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章