1. 程式人生 > 實用技巧 >MarkDown基礎語法

MarkDown基礎語法


1.MarkDown 標題

使用語法

使用 (# + 一個空格 + 回車) 進行設定標題,# 數量一次從1~6:
#空格 + 文字(一級標題):# 測試文字
##空格 + 文字(二級標題):## 測試文字
###空格 + 文字(三級標題):### 測試文字
####空格 + 文字(四級標題):#### 測試文字
#####空格 + 文字(五級標題):##### 測試文字
######空格 + 文字(六級標題):###### 測試文字


2.MarkDown 段落格式

1. 段落換行

在段落末尾,使用(兩個空格 + 回車)的方式

2. 字型設定

2-1. 斜體文字
文字兩端分別加 1 個星號或下劃線,再按回車:*測試文字*
2-2. 粗體文字
文字兩端分別加 2 個星號或下劃線,再按回車:--測試文字--
2-3. 粗斜體文字
文字兩端分別加 3 個星號或下劃線,再按回車:___測試文字___

3. 分割線

一行中使用三個以上的星號(*)、減號(-)、底線(_),行內不能有其他東西,且可在符號之間加入空格。
如:---、- - -、 _____(此處5個下劃線)

4. 刪除線

文字兩端別加上 2 個波浪線(~~):~~測試文字~~

5. 下劃線

通過 HTML 中的 <u> 標籤來實現:<u\>測試文字</u\>

6. 腳註

用於對文字進行補充說明:[^要補充說明的文字].
當滑鼠移入腳註處時,則顯示腳註資訊

建立腳註類似於這樣 [1].


3.MarkDown 列表

1. 無序列表

使用星號(*)、加號(+)、減號(-)作為標記,然後加一個空格後新增列表文字:* 列表文字

2. 有序列表

使用數字加點(.)再加一個空格表示:1. 列表文字

說明:兩種列表可以巢狀使用


4. MarkDown 區塊

在段落開頭使用 > 符號,然後緊跟一個空格即可生成。

說明:區塊是可以巢狀的,一個>符號時最外層,兩個>符號時第一層,依次類推。

> 最外層

>> 第一層

>>> 第二層

​ ...


5. MarkDown 程式碼

如果段落上有一個函式或片段的程式碼,則可以用反引號(`)把它包裹起來,則在文件中顯示原始碼。
如:`printf()`函式

上述效果為:printf() 函式

程式碼區塊
1. 程式碼區塊使用 4 個空格或者 1 個製表符(Tab 鍵)實現。
2. 可以用 ``` 包裹一段程式碼,並指定語言後直接回車(也可不指定)

```javascript

$(document).ready(function() {

​ alert("RUNOOB")

});```


6. MarkDown 連結

1. 普通連結

連結方式有兩種:[連結名稱](連結地址) 或 <連結地址>

如:這是一個連結 百度一下
直接使用地址:https://www.baidu.com/
說明:按住Ctrl鍵後滑鼠點選連結即可在預設瀏覽器中開啟頁面

2. 高階連結

通過變數來設定一個連結,變數賦值在 文件末尾 進行:[連結名稱][變數名]

這個連結用 1 作為網址變數 Google
這個連結用 Baidu 作為網址變數 Baidu
然後在文件的結尾為變數賦值 (網址)

以下為定義變數的地址:
[1]: http://www.google.com/	"谷歌"
[baidu]: http://www.baidu.com/	"百度一下"


7. Markdown 圖片

7-1. 圖片語法格式
![alt 屬性文字](圖片地址)
![alt 屬性文字](圖片地址 "可選標題")
當然,也可使用像網址變數那樣對圖片網址使用變數

說明:

開頭感嘆號(!)一定不能少
接著的一個方括號,裡面放上圖片的替代文字
接著一個普通括號,裡面放上圖片的網址,最後還可以用引號包住並加上選擇性的 “title” 屬性文字

7-2. 使用例項
![QQ 圖示](https://img2020.cnblogs.com/blog/2101710/202007/2101710-20200719193103917-994334160.png)
效果如下:

<img src="https://img2020.cnblogs.com/blog/2101710/202007/2101710-20200719193103917-994334160.png" alt="QQ 圖示" title="QQ" style="zoom:50%;" />
效果如下:

注意:MarkDown沒辦法指定圖片的高度與寬度,如果需要控制,則可以用<img>標籤.

8. MarkDown 表格

使用 | 來分隔不同的單元格,使用 - 來分隔表頭與其他行

1. 表格語法格式如下
|  表頭  |  表頭  |  表頭  |
|  :----  |  ----:  |  :----:  |
|  單元格  |  單元格  |  單元格  |
|  單元格  |  單元格  |  單元格  |

以上程式碼顯示的效果如下:

表頭 表頭 表頭
單元格 單元格 單元格
單元格 單元格 單元格
2. 表格單元的對齊方式
-: >設定表格中內容和標題欄居右對其
:- >設定表格中內容和標題欄居左對齊
:-: >設定表格中內容和標題欄居中對齊
預設情況下,則居左對齊


9. MarkDown 高階技巧

9-1. 支援 HTML 標籤元素(部分)
  1. <kbd> :定義鍵盤檔案,如:測試文字
  2. <i> <em> <cite>:斜體文字,等同於Ctrl+I,如:測試文字
  3. <em> :效果同<i> 如:測試文字
  4. <strong> :粗字型,等同於Ctrl+B如:測試文字
  5. <mark> :高亮顯示文字,等同於==測試文字==如:測試文字
  6. <small> :定義小型文字,如:測試文字
  7. <sub> <sup> :將文字變成下標和上標,等同於 ~文字~^文字^ ,如:sub2,sup20
9-2. 轉義
轉義是指將具有特殊意義或作用的字元正常顯示在頁面中,如:** 可以將文字加粗,並不顯示 * ,但是在 *  前加上反斜槓 \ 則可將 * 正常顯示出來,而不對文字造成影響。
9-3. 公式
當需要在編輯器中插入數學公式時,可以使用兩個美元符 <kbd>\$$</kbd> 包裹 TeX 或 LaTeX 格式的數學公
式來實現。提交後,問答和文章也會根據需要載入 Mathjax 對數學公式進行渲染。例項如下:

$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
執行上述程式碼,則將展現出一個公式

注意:
1. 腳註在這無法正常顯示,可進入 Markdown 的編輯器嘗試效果。
2. 本人出於學習中,如果有大佬發現錯誤的地方,可評論區提醒,非常感謝!!!

  1. 說明文字 -- 當滑鼠移入腳註處時會顯示 ↩︎