作爲一個學習計算機相關知識的人,如果不經常寫博客,就容易把剛學到的知識忘記,寫博客是一個很好的學習習慣,而寫好博客也就是要學會熟練使用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)
- 鼠標懸浮時,顯示名稱
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 "戴帽子的犬夜叉")
- 使用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. ↩︎