Markdown語法講解(上)——基本語法
********* 本文參考了
須知:此文章是個人的隨手筆記潦匈,不是專業(yè)教程,僅供各位小伙伴參考
TOC
1 分級標題
一級標題的markdown語法規(guī)則為:
# 一級標題內容
注意:#與標題內容之間有一個“空格”弛作;
二級標題的markdown語法規(guī)則為:
## 二級標題內容`
三級標題的Makedown語法規(guī)則為:
## 二級標題內容
以此類推……
2 設置<字體帅涂、字號與字體顏色>
2.1 字體
給文字設置字體的markdown語法規(guī)則為:
<font face="字體名稱">文字內容</font>
例如在markdown編輯器中編寫下面代碼:
<font face="等線">消滅恐懼的最好辦法就是面對恐懼兽愤,加油娜搂,奧利給!</font>
顯示效果:
<font face="等線">消滅恐懼的最好辦法就是面對恐懼,加油辛馆,奧利給!</font>
2.2 字號
給文字設置字號的markdown語法規(guī)則為:
<font size=字號大小>文字內容</font>
例如在markdown編輯器中編寫下面代碼:
<font size=5>消滅恐懼的最好辦法就是面對恐懼俺陋,加油,奧利給</font>
顯示效果:
目前簡書暫不支持該語法昙篙,此處內容無法顯示腊状!
2.3 字體顏色設置
顏色是按照24位的十六進制RGB信息確定的,例如紅色的24位的十六進制RGB信息為:
#FF0000
給文字設置字體顏色的markdown語法規(guī)則為:
<font color=#24位的十六進制RGB信息>文字內容</font>
例如在markdown編輯器中編寫下面代碼:
<font color="FF0000">加油苔可,奧利給!</font>
顯示效果:
<font color="FF0000">加油缴挖,奧利給!</font>
2.4 設置背景顏色
對應語法:
<table><tr><td bgcolor=#6位16進制顏色值>文字背景顏色</td></tr></table>
例如(同時我還把文字設置成白色):
<table><tr><td bgcolor=#000000><font color=FFFFFF>文字背景顏色</td></tr></table>
顯示效果:
簡書無法顯示
2.5字體、字號和字體顏色效果合并
給文字設置字體焚辅、字號和字體顏色的markdown語法規(guī)則為:
<font face="字體名稱" size=字號大小 color=#24位的十六進制RGB信息>文字內容</font>
例如在markdown編輯器中編寫下面代碼:
<font face="等線" size=5 color=#FF0000>加油映屋,奧利給!</font>
HTML顯示效果:
<font face="等線" size=5 color=#FF0000>加油同蜻,奧利給棚点!</font>
3 設置<斜體、粗體湾蔓、刪除線瘫析、下標與上標>
3.1 斜體
字體設置斜體的markdown語法規(guī)則為:
*文字內容*
或者
_文字內容_
例如在markdown編輯器中編寫下面代碼:
*Thank you!*
HTML顯示效果:
Thank you!
3.2 粗體
字體設置粗體的markdown語法規(guī)則為:
**文字內容**
例如在markdown編輯器中編寫下面代碼:
**Thank you!**
HTML顯示效果:
Thank you!
3.3 刪除線
設置刪除線的markdown語法規(guī)則為:
~~文字內容~~
例如在markdown編輯器中編寫下面代碼:
~~Thank you!~~
顯示效果:
Thank you!
這些效果可以疊加使用,比如在markdown編輯器中編寫下面代碼:
~~***Thank you!***~~
HTML顯示效果:
Thank you!
3.4 下標
在下標內容兩側插入波浪線~
例如:
H~2~O
顯示效果:
H2O
3.5 上標
在下標內容兩側插入上標符號^
例如:
a^2^+b^2^=1
顯示效果:
a2+b2=1
4 插入<圖片>
4.1 插入本地圖片
插入本地圖片的markdown語法規(guī)則:
![圖片描述](圖片路徑)
可以采用相對路徑或者絕對路徑默责,如果圖片放在本文檔的文件夾下贬循,可以采用相對路徑,否則采用絕對路徑桃序。
- 利用相對路徑插入圖片杖虾,例如在markdown編輯器中輸入下面代碼:
![《云之彼端,約定的地方》](云之彼端約定的地方3.jpg)
- HTML顯示效果:
- 利用絕對路徑插入圖片媒熊,例如在markdown編輯器中輸入下面代碼:
![《云之彼端奇适,約定的地方》](G:\101-Pictures\截屏圖片\云之彼端約定的地方\云之彼端約定的地方2.jpg)
- HTML顯示效果:
注意:對于想要在hexo博客中插入圖片坟比,如果上傳的.md
文件直接用這里的插入圖片的Markdown語法規(guī)則將會導致顯示失敗,也即是說這里的插入本地圖片語法不能用在需要上傳到hexo博客的.md
文件中滤愕。
在hexo博客的文章中插入本地圖片對應的語法規(guī)則為:
{% asset_img 圖片路徑.jpg 圖片描述%}
例如:
{% asset_img 云之彼端約定的地方3.jpg 《云之彼端温算,約定的地方》%}
其中,圖片路徑是你要上傳的.md
文件的相對路徑间影,該圖片存放在一個與這個.md
文件同名的的文件夾下注竿。
在此之前,還需要安裝相關的上傳本地圖片的插件hexo-asset-image
才能實現(xiàn)在hexo博客文章中插入本地圖片的功能魂贬。
在你的博客文件夾下巩割,運行cmd
或者git bash
,輸入下面代碼來安裝hexo-asset-image
插件:
npm install hexo-asset-image --save
4.2 插入網(wǎng)絡圖片
插入網(wǎng)絡圖片的markdown語法規(guī)則:
![圖片描述](網(wǎng)絡圖片路徑)
例如在markdown編輯器中輸入下面代碼:
![言葉之庭](https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3696447164,3237893343&fm=15&gp=0.jpg)
HTML顯示效果:
4.3 Typora插入圖片
打開Typora軟件付燥,點擊菜單欄的文件
宣谈,然后依次點擊偏好設置 - 圖像
,選擇復制圖片到當前文件夾
或者其他保存路徑键科,并勾選下面的選項闻丑,如下圖所示:
Typora 的圖片插入功能是廣受好評的。要知道勋颖,Markdown 原生不太注重圖片插入的功能嗦嗡,但你可以在 Typora 中:拖動圖片到文檔中
,Typora 會自動幫你插入符合 Markdown 語法的圖片語句饭玲,并給它加上標題侥祭。
<font face="等線" size=5 color=#FF0000> Typora軟件具有插入<圖片、代碼塊茄厘、表格等>等選項矮冬,軟件會自動添加相應的代碼,大大方便了用戶的使用</font>
5 跳轉
5.1 外部跳轉——超鏈接
外部跳轉格式為:
[外部跳轉鏈接內容描述](鏈接地址)
例如在markdown編輯器中輸入下面內容:
[Markdown語法圖文全面詳解(10分鐘學會)](https://blog.csdn.net/u014061630/article/details/81359144)
HTML顯示效果:
5.2 內部跳轉——文件內跳轉
內部跳轉格式為:
[跳轉內容描述](#要跳轉的標題)
例如在markdown編輯器中輸入下面內容:
[跳轉頂部](#Makedown語法講解(上)——基本語法)
6 添加<自動鏈接>
Markdown 支持以比較簡短的自動鏈接形式來處理網(wǎng)址和電子郵件信箱次哈,只要是用<>包起來胎署, Markdown 就會自動把它轉成鏈接。也可以直接寫窑滞,同樣可以顯示成鏈接形式硝拧。
例如:
<https://lijinlong1997.github.io/>
或
https://lijinlong1997.github.io/
<18207748817@163.com>
或
18207748817@163.com
顯示效果:
https://lijinlong1997.github.io/
7 插入<代碼塊>
7.1 行內代碼
如果在一個行內需要引用代碼,只要用反引號`引起來就好(一般在ESC鍵下方葛假,和~同一個鍵)
例如輸入:
`assign c = a + b;`
顯示效果
assign c = a + b;
7.2 多行代碼
多行代碼塊與語法高亮:在需要高亮的代碼塊的前一行及后一行使用三個單反引號“`”包裹,就可以了滋恬,還可以在第一個單反雙引號后輸入相應的語言聊训。
例如輸入:
```verilog
always@(posedge Clk or negedge Rst_n)
if(!Rst_n)
c <= 1'b0;
else
c <= a + b;
?```
顯示效果:
always@(posedge Clk or negedge Rst_n)
if(!Rst_n)
c <= 1'b0;
else
c <= a + b;
8 插入<表格>
表格的基本寫法簡單,和表格的形狀相似:
例如輸入:
| xxx | xxx | xxx |
| --- | --- | --- |
| xxx | xxx | xxx |
| xxx | xxx | xxx |
顯示效果:
目前簡書暫不支持該語法恢氯,此處內容無法顯示
xxx
表示要輸入的內容带斑,其中豎線|
不用嚴格對齊鼓寺,對其與否,不影響最后的顯示勋磕。
可以利用冒號:
設置單元格內容的對齊方式妈候,冒號在左邊表示左對齊,右邊表示有對齊挂滓,兩邊都有表示居中苦银。
例如輸入:
| xxx | xxx | xxx |
| :--- | :--- | :--- |
| xxx | xxx | xxx |
| xxx | xxx | xxx |
顯示效果:
目前簡書暫不支持該語法,此處內容無法顯示
? 在Tpyora等Markdown編輯器中有插入表格選項赶站,直接插入表格后幔虏,軟件會自動添加相應的表格代碼到源代碼中去,而不需要輸入這些繁瑣的標記內容贝椿。
9 添加<列表>
9.1 無序列表
使用 *想括,+,- 表示無序列表烙博,注意:符號后面一定要有一個空格瑟蜈,起到縮進的作用。
例如:
* 列表內容1
* 列表內容2
* ……
顯示效果:
列表內容1
列表內容2
……
9.2 有序列表
使用數(shù)字和一個英文句點表示有序列表渣窜, 注意:英文句點后面一定要有一個空格铺根,起到縮進的作用。
例如:
1. 內容1
2. 內容2
3. ……
顯示效果
內容1
內容2
…
注意事項 :
在使用列表時图毕,只要是數(shù)字后面加上英文的點夷都,就會無意間產(chǎn)生列表,比如2020.04.25這時候想表達的是日期予颤,有些軟件把它被誤認為是列表囤官。解決方式:在每個點前面加上\就可以了。
比如:
2020\.04\.25
顯示效果:
2020.04.25
還有蛤虐,比如你就是想打**Thank you**
党饮,直接輸入**Thank you**
是不行的,因為根據(jù)Markdown語法會轉換成粗體驳庭,這時候我們就可以多輸入一個轉義字符\
刑顺,來表達\
后的內容就是你想表達的就行了,即:
\*\*Thank you**
顯示效果:
**Thank you**
10 添加分割線
在一行中用三個以上的星號(*)饲常、減號(-)蹲堂、底線(_)來建立一個分隔線,行內不能有其他東西贝淤。
格式為:
---
或
***
或
___
11 引用
在被引用的文本前加上>符號柒竞,以及一個空格就可以了,如果只輸入了一個>符號會產(chǎn)生一個空白的引用播聪。
例如:
> 文字內容
顯示效果:
引用內容
除基本的引用外朽基,還有嵌套引用等
12 其他操作
12.1 創(chuàng)建目錄
在段落中輸入[TOC]
即可在本位置創(chuàng)建目錄布隔。
例如:
[TOC]
12.2 添加腳注
腳注就是在需要添加腳注的文字的后面加上腳注名字。
語法:
文字[^腳注名字]
例如:
然后在文中(一般在頁尾或者文章末尾)添加對應的腳注內容
12.3 添加emoji
表情
輸入英文冒號`:
`后輸入你想表達的內容的單詞衅檀,這個功能不是很方便,需要自己記住你想用的表情的單詞霎俩,而且有些平臺不支持哀军。
例如:
:cow
顯示結果:
簡書無法顯示
下一篇:Markdown語法講解(下)——高級語法