您的位置:首頁>正文

跟小編一起學:10分鐘學會markdown圖文教程

1

基本語法

對字體設置斜體、粗體、刪除線, 語法如下:

*這裡是文字*

_這裡是文字_

**這裡是文字**

***這裡是文字***

~~這裡是文字~~

分級標題, 兩種寫法,

如下所示:

寫法1:

# 一級標題## 二級標題### 三級標題#### 四級標題##### 五級標題###### 六級標題 這個寫法和 **文字**效果是一樣的

寫法2:

這是一個一級標題

============================

或者

二級標題

--------------------------------------------------

連結

(1)插入本地圖片連結

語法規則, 有兩種寫法:

注意:這個圖片描述可以不寫。

示例圖如下:

(2)插入互聯網上圖片

語法規則:

注意:這個圖片描述可以不寫。

示例如下:

(3)自動連接

Markdown 支援以比較簡短的自動連結形式來處理網址和電子郵件信箱,

只要是用<>包起來, Markdown 就會自動把它轉成連結。 也可以直接寫, 也是可以顯示成連結形式的

例如:

分割線

你可以在一行中用三個以上的星號(*)、減號(-)、底線(_)來建立一個分隔線, 行內不能有其他東西。 你也可以在星號或是減號中間插入空格。

代碼塊

對於程式師來說這個功能是必不可少的, 插入程式碼的方式有兩種, 一種是利用縮進(tab), 另一種是利用英文“`”符號(一般在ESC鍵下方, 和~同一個鍵)包裹代碼。

(1)代碼塊:縮進 4 個空格或是 1 個定位字元。 效果如下:

(2)行內式:如果在一個行內需要引用代碼, 只要用反引號`引起來就好(Esc健)

(3)多行代碼塊與語法高亮:在需要高亮的代碼塊的前一行及後一行使用三個單反引號“`”包裹, 就可以了。

示例如下:

(4)代碼塊裡面包含html代碼

在代碼區塊裡面, & 、 < 和 > 會自動轉成 HTML 實體, 這樣的方式讓你非常容易使用 Markdown 插入範例用的 HTML 原始碼, 只需要複製貼上, 剩下的 Markdown 都會幫你處理。

注意:簡書代碼塊裡不支持html。

示例如下:

引用

在被引用的文本前加上>符號, 以及一個空格就可以了, 如果只輸入了一個>符號會產生一個空白的引用。

(1)基本使用

使用如下圖所示:

(2)引用的嵌套使用

使用如圖所示:

(3)引用其它要素

引用的區塊內也可以使用其他的 Markdown 語法,包括標題、清單、代碼區塊等。

使用如圖所示:

列表

(1)無序列表

使用 *,+,- 表示無序列表。

注意:符號後面一定要有一個空格,起到縮進的作用。

(2)有序列表

使用數字和一個英文句點表示有序列表。

注意:英文句點後面一定要有一個空格,起到縮進的作用。

(3)無序列表和有序列表同時使用

(4)列表和其它要素混合使用

列表不光可以單獨使用,也可以使用其他的 Markdown 語法,包括標題、引用、代碼區塊等。

注意事項:

(1)加粗效果不能直接用於列表標題裡面,但是可以嵌套在列表裡面混合使用。

(2)列表中包含代碼塊(前面加2個tab或者8個空格,並且需要空一行,否則不顯示)。

使用示例如下圖:

(5)注意事項

在使用清單時,只要是數位後面加上英文的點,就會無意間產生列表,比如2017.12.30 這時候想表達的是日期,有些軟體把它被誤認為是列表。解決方式:在每個點前面加上就可以了。如下圖所示:

表格

表格的基本寫法很簡單,就跟表格的形狀很相似:

表格對齊方式:我們可以指定表格儲存格的對齊方式,冒號在左邊表示左對齊,右邊表示有對齊,兩邊都有表示居中。

如下圖所示:

2

常用技巧

換行

方法1: 連續兩個以上空格+回車

方法2:使用html語言換行標籤:

縮進字元

不斷行的空白格   或  半形的空格   或  全形的空格   或  

如何打出一些特殊符號

(1)對於 Markdown 中的語法符號,前面加反斜線即可顯示符號本身。

示例如下:

(2)其他特殊字元,示例如下:

想知道字元對應的Unicode碼,可以看這個網站:https://unicode-table.com/cn/

附上幾個工具對特殊字元的支援的對比圖:

(四)字體、字型大小與顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文本內容具有一定的格式。但是它本身是不支援修改字體、字型大小與顏色等功能的!

CSDN-markdown編輯器是其衍生版本,擴展了Markdown的功能(如表格、註腳、內嵌HTML等等)!對,就是內嵌HTML,接下來要講的功能就需要使用內嵌HTML的方法來實現。

字體,字型大小和顏色編輯如下代碼

具體顏色分類及標記請看下表:

連結的高級操作(這個需要掌握一下,很有用)

(1)行內式。這個在上文第二條基本語法的 連結這個小節已經過,這裡就不繼續講解了。

(2)參考式連結。

在文檔要插入圖片的地方寫![圖片或網址連結][標記],在文檔的最後寫上[標記]:圖片位址 “標題”。(最後這個"標題"可以不填寫)

示例如下:

(3)內容目錄

在段落中填寫 [TOC] 以顯示全文內容的目錄結構。

(4)錨點

錨點其實就是頁內超連結。比如我這裡寫下一個錨點,點擊回到目錄,就能跳轉到目錄。 在目錄中點擊這一節,就能跳過來。

注意:在簡書中使用錨點時,點擊會打開一個新的當前頁面,雖然錨點用的不是很舒服,但是可以用注腳實現這個功能。

語法說明:

在你準備跳轉到的指定標題後插入錨點{#標記},然後在文檔的其它地方寫上連接到錨點的連結。

使用如下圖所示:

(5)注腳

語法說明:

在需要添加注腳的文字後加上註腳名字[^注腳名字],稱為加注。 然後在文本的任意位置(一般在最後)添加註腳,註腳前必須有對應的註腳名字。

示例如下:

注:

(1)註腳自動被搬運到最後面,請到文章末尾查看,並且註腳後方的連結可以直接跳轉回到加注的地方。

(2)由於簡書不支持錨點,所以可以用注腳實現頁面內部的跳轉。

(六)背景色

Markdown本身不支援背景色設置,需要採用內置html的方式實現:借助 table, tr, td 等表格標籤的 bgcolor 屬性來實現背景色的功能。舉例如下:

背景色是:orange

(七)emoji表情符號

emoji表情使用:EMOJICODE:的格式,詳細列表可見

https://www.webpagefx.com/tools/emoji-cheat-sheet/

當然現在很多markdown工具或者網站都不支持。

下面列出幾個平臺的對比:

3

高端用法

目前我用過的簡書,CSDN,包括markdownPad軟體都不支援下面這些功能,有一個線上網站https://www.zybuluo.com/mdeditor 可以支援。

使用LaTex數學公式

1.行內公式:使用兩個”$”符號引用公式:

$公式$

2.行間公式:使用兩對“$$”符號引用公式:

$$公式$$

具體可以參考 markdown編輯器使用LaTex數學公式(https://link.jianshu.com/?t=http%3A%2F%2Fblog.csdn.net%2Ftestcs_dn%2Farticle%2Fdetails%2F44229085)

流程圖

這裡簡單介紹一下流程圖的語法,僅作為瞭解,如下圖所示:

製作一份待辦事宜----Todo 列表

繪製 序列圖

繪製 甘特圖

4

Markdow工具

1.markdownpad軟體,就是利用markdown語言寫筆記的。官網下載地址:http://markdownpad.com/

軟體安裝之後的示意圖如下圖所示:

2.有道雲筆記支援markdownpad語法。官方網址:http://note.youdao.com/ 它有線上網頁版以及PC端可以下載。當然有道雲筆記也支援html語法。

網頁版使用markdown示例圖如下:

如果只輸入了一個>符號會產生一個空白的引用。

(1)基本使用

使用如下圖所示:

(2)引用的嵌套使用

使用如圖所示:

(3)引用其它要素

引用的區塊內也可以使用其他的 Markdown 語法,包括標題、清單、代碼區塊等。

使用如圖所示:

列表

(1)無序列表

使用 *,+,- 表示無序列表。

注意:符號後面一定要有一個空格,起到縮進的作用。

(2)有序列表

使用數字和一個英文句點表示有序列表。

注意:英文句點後面一定要有一個空格,起到縮進的作用。

(3)無序列表和有序列表同時使用

(4)列表和其它要素混合使用

列表不光可以單獨使用,也可以使用其他的 Markdown 語法,包括標題、引用、代碼區塊等。

注意事項:

(1)加粗效果不能直接用於列表標題裡面,但是可以嵌套在列表裡面混合使用。

(2)列表中包含代碼塊(前面加2個tab或者8個空格,並且需要空一行,否則不顯示)。

使用示例如下圖:

(5)注意事項

在使用清單時,只要是數位後面加上英文的點,就會無意間產生列表,比如2017.12.30 這時候想表達的是日期,有些軟體把它被誤認為是列表。解決方式:在每個點前面加上就可以了。如下圖所示:

表格

表格的基本寫法很簡單,就跟表格的形狀很相似:

表格對齊方式:我們可以指定表格儲存格的對齊方式,冒號在左邊表示左對齊,右邊表示有對齊,兩邊都有表示居中。

如下圖所示:

2

常用技巧

換行

方法1: 連續兩個以上空格+回車

方法2:使用html語言換行標籤:

縮進字元

不斷行的空白格   或  半形的空格   或  全形的空格   或  

如何打出一些特殊符號

(1)對於 Markdown 中的語法符號,前面加反斜線即可顯示符號本身。

示例如下:

(2)其他特殊字元,示例如下:

想知道字元對應的Unicode碼,可以看這個網站:https://unicode-table.com/cn/

附上幾個工具對特殊字元的支援的對比圖:

(四)字體、字型大小與顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文本內容具有一定的格式。但是它本身是不支援修改字體、字型大小與顏色等功能的!

CSDN-markdown編輯器是其衍生版本,擴展了Markdown的功能(如表格、註腳、內嵌HTML等等)!對,就是內嵌HTML,接下來要講的功能就需要使用內嵌HTML的方法來實現。

字體,字型大小和顏色編輯如下代碼

具體顏色分類及標記請看下表:

連結的高級操作(這個需要掌握一下,很有用)

(1)行內式。這個在上文第二條基本語法的 連結這個小節已經過,這裡就不繼續講解了。

(2)參考式連結。

在文檔要插入圖片的地方寫![圖片或網址連結][標記],在文檔的最後寫上[標記]:圖片位址 “標題”。(最後這個"標題"可以不填寫)

示例如下:

(3)內容目錄

在段落中填寫 [TOC] 以顯示全文內容的目錄結構。

(4)錨點

錨點其實就是頁內超連結。比如我這裡寫下一個錨點,點擊回到目錄,就能跳轉到目錄。 在目錄中點擊這一節,就能跳過來。

注意:在簡書中使用錨點時,點擊會打開一個新的當前頁面,雖然錨點用的不是很舒服,但是可以用注腳實現這個功能。

語法說明:

在你準備跳轉到的指定標題後插入錨點{#標記},然後在文檔的其它地方寫上連接到錨點的連結。

使用如下圖所示:

(5)注腳

語法說明:

在需要添加注腳的文字後加上註腳名字[^注腳名字],稱為加注。 然後在文本的任意位置(一般在最後)添加註腳,註腳前必須有對應的註腳名字。

示例如下:

注:

(1)註腳自動被搬運到最後面,請到文章末尾查看,並且註腳後方的連結可以直接跳轉回到加注的地方。

(2)由於簡書不支持錨點,所以可以用注腳實現頁面內部的跳轉。

(六)背景色

Markdown本身不支援背景色設置,需要採用內置html的方式實現:借助 table, tr, td 等表格標籤的 bgcolor 屬性來實現背景色的功能。舉例如下:

背景色是:orange

(七)emoji表情符號

emoji表情使用:EMOJICODE:的格式,詳細列表可見

https://www.webpagefx.com/tools/emoji-cheat-sheet/

當然現在很多markdown工具或者網站都不支持。

下面列出幾個平臺的對比:

3

高端用法

目前我用過的簡書,CSDN,包括markdownPad軟體都不支援下面這些功能,有一個線上網站https://www.zybuluo.com/mdeditor 可以支援。

使用LaTex數學公式

1.行內公式:使用兩個”$”符號引用公式:

$公式$

2.行間公式:使用兩對“$$”符號引用公式:

$$公式$$

具體可以參考 markdown編輯器使用LaTex數學公式(https://link.jianshu.com/?t=http%3A%2F%2Fblog.csdn.net%2Ftestcs_dn%2Farticle%2Fdetails%2F44229085)

流程圖

這裡簡單介紹一下流程圖的語法,僅作為瞭解,如下圖所示:

製作一份待辦事宜----Todo 列表

繪製 序列圖

繪製 甘特圖

4

Markdow工具

1.markdownpad軟體,就是利用markdown語言寫筆記的。官網下載地址:http://markdownpad.com/

軟體安裝之後的示意圖如下圖所示:

2.有道雲筆記支援markdownpad語法。官方網址:http://note.youdao.com/ 它有線上網頁版以及PC端可以下載。當然有道雲筆記也支援html語法。

網頁版使用markdown示例圖如下:

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示