作爲一個學習計算機相關知識的人，如果不經常寫博客，就容易把剛學到的知識忘記，寫博客是一個很好的學習習慣，而寫好博客也就是要學會熟練使用Markdown，這樣可以很好地使我們的博客頁面變得更加美觀，這篇文章介紹的就是一些使用的Markdown使用技巧。
推薦工具：Typora，VScode(插件Markdown-preview-enhanced)
段落格式
字體設置
Markdown代碼
<font size=10 face="隸書" color=#ff0000>紅色10號隸書</font>
運行結果：
紅色10號隸書
粗斜體
-
用*表示
Markdown代碼*斜體* **粗體** ***粗斜體***顯示結果爲：
斜體
粗體
粗斜體 -
用下劃線表示
Markdown代碼_斜體_ __粗體__ ___粗斜體___顯示結果爲：
斜體
粗體
粗斜體
下劃線
Markdown代碼：
<u>帶下劃線文本</u>
顯示結果爲：
帶下劃線文本
刪除線
Markdown代碼：
~~刪除線~~
顯示結果爲：
刪除線
腳註格式
Markdown代碼：
創建腳註格式是這樣的 [^lorem]。
[^lorem]: Lorem ipsum dolor.
顯示結果爲：
創建腳註格式是這樣的 1。
引用格式
嵌套結構
Markdown代碼：
> 最外層
>> 第一層嵌套
>>> 第二層嵌套
顯示結果：
最外層
第一層嵌套
第二層嵌套
引用中使用列表
Markdown代碼：
> 引用中使用列表
> 1. 有序列表第一項
> 2. 有序列表第二項
> 3. 有序列表第三項
> + 無序列表第一項
> + 無序列表第二項
> + 無序列表第三項
顯示結果：
引用中使用列表
- 有序列表第一項
- 有序列表第二項
- 有序列表第三項
- 無序列表第一項
- 無序列表第二項
- 無序列表第三項
列表項中的引用
Markdown代碼：
1. 第一項
> 第一行引用
> 第二行引用
2. 第二項
3. 第三項
顯示結果：
- 第一項
第一行引用
第二行引用 - 第二項
- 第三項
代碼格式
行內代碼
Markdown代碼：
Python代碼`print('helloworld')`，控制檯打印helloworld
顯示結果：
Python代碼print('helloworld')，控制檯打印helloworld
代碼塊
- 按Tab鍵或四個空格
- 用```包括起來，第一個後面加上代碼語言，可以高亮顯示
圖片樣式
- 直接放置圖片
Markdown代碼：
顯示結果：![戴帽子的犬夜叉.png] (https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70)
![戴帽子的犬夜叉.png]()
- 鼠標懸浮時，顯示名稱
Markdown代碼：
顯示結果：![戴帽子的犬夜叉.png] (https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70 "戴帽子的犬夜叉")
![戴帽子的犬夜叉.png]( "戴帽子的犬夜叉")
- 使用img標籤定義圖片的寬高
Markdown代碼：
顯示結果：<img src='https://img-blog.csdnimg.cn/20200223224726458.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTA3ODAy,size_16,color_FFFFFF,t_70' width=50% height=50%>
![]()
鏈接樣式
-
直接寫
Markdown代碼：[百度一下，你就知道](https://www.baidu.com)顯示結果：
百度一下，你就知道 -
鏈接用a作爲網址變量,然後爲變量賦值
Markdown代碼：[百度一下，你就知道][a] [a]: https://www.baidu.com顯示結果：
百度一下，你就知道
表格樣式
Markdown代碼：
| 左對齊 | 居中對齊 | 右對齊 |
| :----- | :------: | -----: |
| 1 | 2 | 3 |
| 4 | 5 | 6 |
顯示結果：
| 左對齊 | 居中對齊 | 右對齊 |
|---|---|---|
| 1 | 2 | 3 |
| 4 | 5 | 6 |
支持的HTML標籤
Markdown支持很多HTML標籤,下面列舉幾個常用的標籤
Markdown代碼：
<kbd>Win</kbd>+<kbd>Prtsc</kbd> 快速截圖
<em>強調</em>
<strong>加強強調</strong>
<b>加粗</b>
<i>傾斜</i>
上標如，3<sup>2</sup>
下標，如CO<sub>2</sub>
換行符<br>
分割線<hr>
顯示結果：
Win+Prtsc 快速截圖
強調
加強強調
加粗
傾斜
上標如，32
下標，如CO2
換行符
分割線
轉義字符
以下這些符號前面加上反斜槓\來幫助插入普通的符號：
\ 反斜線
` 反引號
* 星號
_ 下劃線
{} 花括號
[] 方括號
() 小括號
# 井字號
+ 加號
- 減號
. 英文句點
! 感嘆號
特殊符號
| 符號 | 代碼 |
|---|---|
| © | © |
| ™ | ™ |
| & | & |
| < | < |
| > | > |
| £ | £ |
| ¥ | ¥ |
| € | € |
| ® | ® |
| ± | ± |
| § | § |
| X² | X² |
| Y³ | Y³ |
| ¾ | ¾ |
| « | « |
| » | » |
| 37ºC | 37ºC |
Lorem ipsum dolor. ↩︎