Markdown語法

首行縮進解決辦法
?或? //半角
?或? //全角
?或?

換行方法
敲擊兩個以上空白,然后回車
在末尾敲擊兩個以上空白杠愧,然后回車
目錄

前言
寫過博客或者github上面的文檔的,應該知道Markdown語法的重要性,不知道的朋友們也別著急,一篇博客輕松搞定Markdown語法樟遣。話說這個語法超級簡單,一看就會萧吠,不信你點進來看看。

1. 快捷鍵

跳轉(zhuǎn)到目錄

功能 快捷鍵
加粗 Ctrl + B
斜體 Ctrl + I
引用 Ctrl + Q
插入鏈接 Ctrl + L
插入代碼 Ctrl + K
插入圖片 Ctrl + G
提升標題 Ctrl + H
有序列表 Ctrl + O
無序列表 Ctrl + U
橫線 Ctrl + R
撤銷 Ctrl + Z
重做 Ctrl + Y

2. 基本語法

跳轉(zhuǎn)到目錄

2.1 字體設置斜體桐筏、粗體纸型、刪除線

這里是文字
這里是文字
這里是文字
這里是文字
這里是文字

這里寫圖片描述

2.2 分級標題

跳轉(zhuǎn)到目錄
寫法1:

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

這里寫圖片描述

寫法2:

這是一個一級標題

或者

二級標題


這里寫圖片描述

2.3 鏈接

跳轉(zhuǎn)到目錄
(1)插入本地圖片鏈接
語法規(guī)則,有兩種寫法:

這里寫圖片描述

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

示例圖如下:


這里寫圖片描述

(2)插入互聯(lián)網(wǎng)上圖片
語法規(guī)則:


這里寫圖片描述

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

示例如下:


這里寫圖片描述

(3)自動連接
Markdown 支持以比較簡短的自動鏈接形式來處理網(wǎng)址和電子郵件信箱除破,只要是用<>包起來, Markdown 就會自動把它轉(zhuǎn)成鏈接琼腔。也可以直接寫瑰枫,也是可以顯示成鏈接形式的
例如:


這里寫圖片描述

2.4 分割線

跳轉(zhuǎn)到目錄
你可以在一行中用三個以上的星號(*)、減號(-)丹莲、底線(_)來建立一個分隔線躁垛,行內(nèi)不能有其他東西。你也可以在星號或是減號中間插入空格圾笨。

這里寫圖片描述

2.5 代碼塊

跳轉(zhuǎn)到目錄
對于程序員來說這個功能是必不可少的,插入程序代碼的方式有兩種逊谋,一種是利用縮進(tab), 另一種是利用英文“`”符號(一般在ESC鍵下方擂达,和~同一個鍵)包裹代碼。

(1)代碼塊:縮進 4 個空格或是 1 個制表符胶滋。效果如下:


這里寫圖片描述

(2)行內(nèi)式:如果在一個行內(nèi)需要引用代碼板鬓,只要用反引號`引起來就好(一般在ESC鍵下方,和~同一個鍵)


這里寫圖片描述

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


這里寫圖片描述

(4)代碼塊里面包含html代碼
在代碼區(qū)塊里面, & 部宿、 < 和 > 會自動轉(zhuǎn)成 HTML 實體抄腔,這樣的方式讓你非常容易使用 Markdown 插入范例用的 HTML 原始碼,只需要復制貼上理张,剩下的 Markdown 都會幫你處理赫蛇。

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

示例如下:


這里寫圖片描述

2.6 引用

跳轉(zhuǎn)到目錄
在被引用的文本前加上>符號雾叭,以及一個空格就可以了悟耘,如果只輸入了一個>符號會產(chǎn)生一個空白的引用。

(1)基本使用
使用如下圖所示:


這里寫圖片描述

(2)引用的嵌套使用
使用如圖所示:


這里寫圖片描述

(3)引用其它要素
引用的區(qū)塊內(nèi)也可以使用其他的 Markdown 語法织狐,包括標題暂幼、列表、代碼區(qū)塊等移迫。
使用如圖所示:


這里寫圖片描述

2.7 列表

跳轉(zhuǎn)到目錄
(1)無序列表
使用 *旺嬉,+,- 表示無序列表起意。
注意:符號后面一定要有一個空格鹰服,起到縮進的作用。

這里寫圖片描述

(2)有序列表
使用數(shù)字和一個英文句點表示有序列表。
注意:英文句點后面一定要有一個空格悲酷,起到縮進的作用套菜。
[圖片上傳中...(image-c99ce-1543627369990-22)]

(3)無序列表和有序列表同時使用
[圖片上傳中...(image-43d27c-1543627369990-21)]

(4)列表和其它要素混合使用
列表不光可以單獨使用,也可以使用其他的 Markdown 語法设易,包括標題逗柴、引用、代碼區(qū)塊等顿肺。

注意事項:

(1)加粗效果不能直接用于列表標題里面戏溺,但是可以嵌套在列表里面混合使用。
(2)列表中包含代碼塊(前面加2個tab或者8個空格屠尊,并且需要空一行旷祸,否則不顯示)。
.
使用示例如下圖:


這里寫圖片描述

(5)注意事項
在使用列表時讼昆,只要是數(shù)字后面加上英文的點托享,就會無意間產(chǎn)生列表,比如2017.12.30 這時候想表達的是日期浸赫,有些軟件把它被誤認為是列表闰围。解決方式:在每個點前面加上\就可以了。如下圖所示:


這里寫圖片描述

2.8 表格

跳轉(zhuǎn)到目錄
表格的基本寫法很簡單既峡,就跟表格的形狀很相似:

這里寫圖片描述

表格對齊方式:我們可以指定表格單元格的對齊方式羡榴,冒號在左邊表示左對齊,右邊表示有對齊运敢,兩邊都有表示居中校仑。

如下圖所示:
[圖片上傳中...(image-836813-1543627369990-18)]

3. 常用技巧

3.1 換行

方法1: 連續(xù)兩個以上空格+回車
方法2:使用html語言換行標簽:

3.2 縮進字符

不斷行的空白格 或 半角的空格 ? 或 ?全角的空格 ? 或 ?


這里寫圖片描述

3.3 特殊符號

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

示例如下:


這里寫圖片描述

(2)其他特殊字符肤视,示例如下:


這里寫圖片描述

想知道字符對應的Unicode碼,可以看這個網(wǎng)站:https://unicode-table.com/cn/

附上幾個工具對特殊字符的支持的對比圖:

這里寫圖片描述

3.4 字體涉枫、字號與顏色

Markdown是一種可以使用普通文本編輯器編寫的標記語言邢滑,通過類似HTML的標記語法,它可以使普通文本內(nèi)容具有一定的格式愿汰。但是它本身是不支持修改字體困后、字號與顏色等功能的!

CSDN-markdown編輯器是其衍生版本衬廷,擴展了Markdown的功能(如表格摇予、腳注、內(nèi)嵌HTML等等)吗跋!對侧戴,就是內(nèi)嵌HTML宁昭,接下來要講的功能就需要使用內(nèi)嵌HTML的方法來實現(xiàn)。

字體酗宋,字號和顏色編輯如下代碼


這里寫圖片描述

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


這里寫圖片描述

3.5 鏈接的高級操作

鏈接的高級操作(這個需要掌握一下积仗,很有用)

1.行內(nèi)式

這個在上文第二條基本語法的 鏈接這個小節(jié)已經(jīng)過,這里就不繼續(xù)講解了蜕猫。

2.參考式鏈接

在文檔要插入圖片的地方寫![圖片或網(wǎng)址鏈接][標記]寂曹,在文檔的最后寫上[標記]:圖片地址 “標題”。(最后這個”標題”可以不填寫)

示例如下:


這里寫圖片描述

3.內(nèi)容目錄

在段落中填寫 [TOC] 以顯示全文內(nèi)容的目錄結構回右。

4.錨點

錨點其實就是頁內(nèi)超鏈接隆圆。比如我這里寫下一個錨點,點擊回到目錄翔烁,就能跳轉(zhuǎn)到目錄渺氧。 在目錄中點擊這一節(jié),就能跳過來蹬屹。

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

語法說明:
在你準備跳轉(zhuǎn)到的指定標題后插入錨點{#標記}衬鱼,然后在文檔的其它地方寫上連接到錨點的鏈接业筏。

使用如下圖所示:
[圖片上傳中...(image-1963ce-1543627369989-10)]

5.注腳

語法說明:
在需要添加注腳的文字后加上腳注名字[^注腳名字],稱為加注。 然后在文本的任意位置(一般在最后)添加腳注鸟赫,腳注前必須有對應的腳注名字蒜胖。

示例如下:


這里寫圖片描述

注:

  1. 腳注自動被搬運到最后面,請到文章末尾查看抛蚤,并且腳注后方的鏈接可以直接跳轉(zhuǎn)回到加注的地方台谢。
  2. 由于簡書不支持錨點,所以可以用注腳實現(xiàn)頁面內(nèi)部的跳轉(zhuǎn)岁经。

3.6 背景色

Markdown本身不支持背景色設置朋沮,需要采用內(nèi)置html的方式實現(xiàn):借助 table, tr, td 等表格標簽的 bgcolor 屬性來實現(xiàn)背景色的功能。舉例如下:

<table><tr><td bgcolor=orange>背景色是:orange</td></tr></table>

這里寫圖片描述

3.7 emoji表情符號

emoji表情使用:EMOJICODE:的格式缀壤,詳細列表可見
https://www.webpagefx.com/tools/emoji-cheat-sheet/

當然現(xiàn)在很多markdown工具或者網(wǎng)站都不支持樊拓。

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

工具或網(wǎng)站 是否支持emoji表情符號
簡書
MarkDownPad 否(不知道付費版是否支持)
有道云筆記
zybuluo.com
github
這里寫圖片描述

4. 高端用法

4.1 Latex數(shù)學公式

使用LaTex數(shù)學公式

1.行內(nèi)公式:使用兩個”$”符號引用公式:

公式

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

公式

輸入\sqrt{x^{2}}
顯示結果是<nobr aria-hidden="true" style="box-sizing: border-box; outline: 0px; margin: 0px; padding: 0px; transition: none 0s ease 0s; border: 0px; max-width: none; max-height: none; min-width: 0px; min-height: 0px; vertical-align: 0px; line-height: normal; text-decoration: none; white-space: nowrap !important; overflow-wrap: break-word;">x2??√</nobr><math xmlns="http://www.w3.org/1998/Math/MathML"><msqrt><msup><mi>x</mi><mrow class="MJX-TeXAtom-ORD"><mn>2</mn></mrow></msup></msqrt></math>

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

latex數(shù)學符號詳見:常用數(shù)學符號的 LaTeX 表示方法

4.2 流程圖

這里簡單介紹一下流程圖的語法,僅作為了解塘慕,如下圖所示:
[圖片上傳中...(image-7dd7dd-1543627369989-6)]

4.3 制作一份待辦事宜—-Todo 列表

這里寫圖片描述

4.4 繪制 序列圖

這里寫圖片描述

4.5 繪制 甘特圖

[圖片上傳中...(image-d26948-1543627369989-3)]

5. Markdown工具

1.markdownpad軟件筋夏,就是利用markdown語言寫筆記的。官網(wǎng)下載地址:http://markdownpad.com/

軟件安裝之后的示意圖如下圖所示:


這里寫圖片描述

2.有道云筆記支持markdownpad語法图呢。官方網(wǎng)址:http://note.youdao.com/ 它有在線網(wǎng)頁版以及PC端可以下載条篷。當然有道云筆記也支持html語法骗随。

網(wǎng)頁版使用markdown示例圖如下:


這里寫圖片描述

3.在線編輯markdown https://www.zybuluo.com/mdeditor

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市赴叹,隨后出現(xiàn)的幾起案子鸿染,更是在濱河造成了極大的恐慌,老刑警劉巖稚瘾,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件牡昆,死亡現(xiàn)場離奇詭異,居然都是意外死亡摊欠,警方通過查閱死者的電腦和手機丢烘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來些椒,“玉大人播瞳,你說我怎么就攤上這事∶飧猓” “怎么了赢乓?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長石窑。 經(jīng)常有香客問我牌芋,道長,這世上最難降的妖魔是什么松逊? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任躺屁,我火速辦了婚禮,結果婚禮上经宏,老公的妹妹穿的比我還像新娘犀暑。我一直安慰自己,他們只是感情好烁兰,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布耐亏。 她就那樣靜靜地躺著,像睡著了一般沪斟。 火紅的嫁衣襯著肌膚如雪广辰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天主之,我揣著相機與錄音轨域,去河邊找鬼。 笑死杀餐,一個胖子當著我的面吹牛干发,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播史翘,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼枉长,長吁一口氣:“原來是場噩夢啊……” “哼冀续!你這毒婦竟也來了?” 一聲冷哼從身側響起必峰,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤洪唐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后吼蚁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凭需,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年肝匆,在試婚紗的時候發(fā)現(xiàn)自己被綠了粒蜈。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡旗国,死狀恐怖枯怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情能曾,我是刑警寧澤度硝,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站寿冕,受9級特大地震影響蕊程,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜驼唱,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一存捺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧曙蒸,春花似錦、人聲如沸岗钩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兼吓。三九已至臂港,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間视搏,已是汗流浹背审孽。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留浑娜,地道東北人佑力。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像筋遭,于是被迫代替她去往敵國和親打颤。 傳聞我的和親對象是個殘疾皇子暴拄,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容