Markdown語法講解(上)——基本語法

Markdown語法講解(上)——基本語法

********* 本文參考了

Markdown語法圖文全面詳解(10分鐘學會)
B站up: "救救-99" 的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顯示效果:
云之彼端約定的地方3.jpg
  • 利用絕對路徑插入圖片媒熊,例如在markdown編輯器中輸入下面代碼:
![《云之彼端奇适,約定的地方》](G:\101-Pictures\截屏圖片\云之彼端約定的地方\云之彼端約定的地方2.jpg)
  • HTML顯示效果:
云之彼端約定的地方2.jpg

注意:對于想要在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插入圖片.png

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顯示效果:

Markdown語法圖文全面詳解(10分鐘學會)

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/

18207748817@163.com


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. 內容1

  2. 內容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 添加腳注

腳注就是在需要添加腳注的文字的后面加上腳注名字。

語法:

文字[^腳注名字]

例如:

IC[1]稼虎、FPGA[2]

然后在文中(一般在頁尾或者文章末尾)添加對應的腳注內容

12.3 添加emoji表情

輸入英文冒號`:`后輸入你想表達的內容的單詞衅檀,這個功能不是很方便,需要自己記住你想用的表情的單詞霎俩,而且有些平臺不支持哀军。

例如:

:cow

顯示結果:

簡書無法顯示

下一篇:Markdown語法講解(下)——高級語法


  1. Integrated circuit 集成電路 ?

  2. Field Programmable Gate Array 現(xiàn)場可編程門陣列 ?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市茸苇,隨后出現(xiàn)的幾起案子排苍,更是在濱河造成了極大的恐慌,老刑警劉巖学密,帶你破解...
    沈念sama閱讀 212,080評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淘衙,死亡現(xiàn)場離奇詭異,居然都是意外死亡腻暮,警方通過查閱死者的電腦和手機彤守,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,422評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來哭靖,“玉大人具垫,你說我怎么就攤上這事∈杂模” “怎么了筝蚕?”我有些...
    開封第一講書人閱讀 157,630評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長铺坞。 經(jīng)常有香客問我起宽,道長,這世上最難降的妖魔是什么济榨? 我笑而不...
    開封第一講書人閱讀 56,554評論 1 284
  • 正文 為了忘掉前任坯沪,我火速辦了婚禮,結果婚禮上擒滑,老公的妹妹穿的比我還像新娘腐晾。我一直安慰自己,他們只是感情好丐一,可當我...
    茶點故事閱讀 65,662評論 6 386
  • 文/花漫 我一把揭開白布藻糖。 她就那樣靜靜地躺著,像睡著了一般库车。 火紅的嫁衣襯著肌膚如雪颖御。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,856評論 1 290
  • 那天,我揣著相機與錄音潘拱,去河邊找鬼。 笑死拧略,一個胖子當著我的面吹牛芦岂,可吹牛的內容都是我干的。 我是一名探鬼主播垫蛆,決...
    沈念sama閱讀 39,014評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼禽最,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了袱饭?” 一聲冷哼從身側響起川无,我...
    開封第一講書人閱讀 37,752評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎虑乖,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,212評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡娱据,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,541評論 2 327
  • 正文 我和宋清朗相戀三年房交,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片糙捺。...
    茶點故事閱讀 38,687評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡诫咱,死狀恐怖,靈堂內的尸體忽然破棺而出洪灯,到底是詐尸還是另有隱情坎缭,我是刑警寧澤,帶...
    沈念sama閱讀 34,347評論 4 331
  • 正文 年R本政府宣布签钩,位于F島的核電站掏呼,受9級特大地震影響,放射性物質發(fā)生泄漏边臼。R本人自食惡果不足惜哄尔,卻給世界環(huán)境...
    茶點故事閱讀 39,973評論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望柠并。 院中可真熱鬧岭接,春花似錦、人聲如沸臼予。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,777評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粘拾。三九已至窄锅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間缰雇,已是汗流浹背入偷。 一陣腳步聲響...
    開封第一講書人閱讀 32,006評論 1 266
  • 我被黑心中介騙來泰國打工追驴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人疏之。 一個月前我還...
    沈念sama閱讀 46,406評論 2 360
  • 正文 我出身青樓殿雪,卻偏偏與公主長得像,于是被迫代替她去往敵國和親锋爪。 傳聞我的和親對象是個殘疾皇子丙曙,可洞房花燭夜當晚...
    茶點故事閱讀 43,576評論 2 349

推薦閱讀更多精彩內容

  • 關于Markdown 一整個學期下來,我覺得讓我收獲最大之一的是學會markdown語言其骄。我們平常都是使用Word...
    Dacade閱讀 934評論 0 2
  • (Markdown語法沒有一個統(tǒng)一的標準,不同的工具或平臺采用的標準不一樣亏镰,所以有些語法規(guī)則和功能是有差異的) 0...
    遲道閱讀 56,718評論 4 69
  • NOTE: This is Simplelified Chinese Edition Document of Ma...
  • << 訪問 Wow!Ubuntu NOTE: This is Simplelified Chinese Edit...
    臨城閱讀 6,521評論 4 44
  • 一個好久不見的網(wǎng)友,忽然打招呼了拯爽,心情異常的復雜索抓,本來認為已經(jīng)徹底失去了這個網(wǎng)友,但是又重新的闖入了我的網(wǎng)絡世界....
    OO碰到OO閱讀 183評論 0 0