前言
寫過博客或者github上面的文檔的,應該知道Markdown語法的重要性,不知道的朋友們也彆着急,一篇博客輕鬆搞定Markdown語法。話說這個語法超級簡單,一看就會,不信你點進來看看。
快捷鍵
功能 | 快捷鍵 |
---|---|
加粗 | Ctrl + B |
斜體 | Ctrl + I |
引用 | Ctrl + Q |
插入鏈接 | Ctrl + L |
插入代碼 | Ctrl + K |
插入圖片 | Ctrl + G |
提升標題 | Ctrl + H |
有序列表 | Ctrl + O |
無序列表 | Ctrl + U |
橫線 | Ctrl + R |
撤銷 | Ctrl + Z |
重做 | Ctrl + Y |
基本語法
文本樣式
正常:正常文字
斜體:*斜體文字*
斜體:_斜體文字_
粗體:**粗體文字**
斜體加粗:***斜體加粗***
標題
一級標題:# 一級標題
二級標題:## 二級標題
三級標題:### 三級標題
四級標題:#### 四級標題
五級標題:##### 五級標題
六級標題:###### 六級標題
鏈接
示例1: [CSDN](https://www.csdn.net/ "CSDN技術論壇")
示例2:
[CSDN][csdn-addr]
[csdn-addr]:https://www.csdn.net/ "CSDN技術論壇"
示例1與示例2實現效果相同。
示例3: <https://www.csdn.net/>
圖片
示例1:
![CSDN頭像](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像")
示例2:
![CSDN頭像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像"
示例3:調整大小
<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" width="100px" height="100px" align="right" alt="我的頭像"/>
示例4:居中
<div align=center>![CSDN頭像][csdn-image]
[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的頭像"
示例5:引用本地圖片
<div align=center>![CSDN頭像](/csdn.jpg "我的頭像")
分割線
在一行中使用
***
或者---
或者___
都可以插入一個分割線,行內不允許有其他內容。
代碼塊
行內代碼塊(使用ESC鍵上的英文字符 ` 包裹代碼):
`var foo = 'bar';`
代碼塊(縮進 4 個空格或是 1 個製表符):
<table>
<tr>
<th>姓名</th>
</tr>
<tr>
<td>小明</td>
</tr>
</table>
多行代碼塊(使用連續3個ESC鍵上的英文字符 ` 包裹代碼):
<table>
<tr>
<th>姓名</th>
</tr>
<tr>
<td>小明</td>
</tr>
</table>
引用
單層引用:在被引用的文本前加上>符號,例如: > 語出《論語》
語出《論語》
嵌套引用:
`> #引用1`
`>> ##引用2`
列表
無序列表(使用 *,+,- 表示):
+ 1
- 2
* 3
有序列表(使用數字緊跟一個英文句點表示):
1. 1
2. 2
3. 3
無序列表和有序列表的列表內容前一定要有一個空格。
表格
項目 | Value
-------- | -----
電腦 | $1600
手機 | $12
導管 | $1
| Column 1 | Column 2 |Column 2 |
|:--------:| -------------:|:-------------|
| centered 文本居中 | right-aligned 文本居右 | left-aligned 文本居左 |
常用技巧
換行
連續兩個以上空格+回車
使用html語言換行標籤:<br/>
縮進
:縮進1/4中文字符
 
:縮進1/2中文字符,1英文字符
 
:縮進1中文字符,2英文字符