MarkDown基礎語法
阿新 • • 發佈:2020-07-19
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 標籤元素(部分)
<kbd>
:定義鍵盤檔案,如:測試文字<i>
<em>
<cite>
:斜體文字,等同於Ctrl+I,如:測試文字<em>
:效果同<i> 如:測試文字<strong>
:粗字型,等同於Ctrl+B如:測試文字<mark>
:高亮顯示文字,等同於==測試文字==如:測試文字<small>
:定義小型文字,如:測試文字<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. 本人出於學習中,如果有大佬發現錯誤的地方,可評論區提醒,非常感謝!!!
說明文字 -- 當滑鼠移入腳註處時會顯示 ↩︎