給想學(xué)Markdown的你的一個(gè)簡(jiǎn)單的Markdown語(yǔ)法教程

這篇文章是對(duì)我所知道的常用婆瓜、兼容性較好的Markdown語(yǔ)法的一個(gè)簡(jiǎn)單的總結(jié)苔严,文中所有的語(yǔ)法在Typora編輯器和簡(jiǎn)書(shū)上都可以正確顯示,如有錯(cuò)漏之處偶摔,煩請(qǐng)指正。

什么是Markdown促脉?

我覺(jué)得對(duì)HTML比較熟悉的同學(xué)可能會(huì)很容易地回答出這個(gè)問(wèn)題——Markdown其實(shí)就是一個(gè)輕量級(jí)辰斋、用來(lái)編寫(xiě)文檔的更易用的HTML信不。

當(dāng)然,對(duì)于沒(méi)有基礎(chǔ)的同學(xué)亡呵,可以暫時(shí)這么認(rèn)為:Markdown是一門(mén)標(biāo)記語(yǔ)言,可以算是簡(jiǎn)化版的Word硫戈,但是你不需要為了設(shè)置各種格式而用鼠標(biāo)點(diǎn)來(lái)點(diǎn)去了锰什,一切格式的控制都像HTML一樣,用代碼就可以完成丁逝。

Markdown文件的擴(kuò)展名是.md汁胆,建文件的時(shí)候不要建錯(cuò)了。

注意:Markdown的各種符號(hào)都是英文符霜幼,尤其要注意圓括號(hào)也是英文的圓括號(hào)嫩码。

Markdown編輯器推薦

在開(kāi)始學(xué)習(xí)之前,肯定需要一份趁手的工具罪既。

Markdown最好用專門(mén)編輯Markdown的編輯器來(lái)寫(xiě)铸题。這里推薦幾個(gè)我比較喜歡的Markdown編輯器,在學(xué)習(xí)Markdown語(yǔ)法之前可以先了解一下它們:

Typora

說(shuō)到Markdown編輯器琢感,肯定首推Typora了丢间,用過(guò)的人都知道它有多好用,而且還支持寫(xiě)HTML驹针,而且顏值非常高烘挫,還支持換主題。我這篇教程就是使用Typora寫(xiě)出來(lái)的柬甥。

Typora跟絕大多數(shù)左邊編輯右邊預(yù)覽的Markdown編輯器都不同饮六,是實(shí)時(shí)全屏預(yù)覽的——你打完之后,立馬就可以看到效果苛蒲,看起來(lái)跟Word一樣卤橄,卻比Word簡(jiǎn)潔的多。如果不滿意撤防,也可以進(jìn)源代碼模式再去改虽风,當(dāng)然有些格式也是可以直接改的。

Typora還帶大綱功能寄月,真的是十分方便辜膝,我用過(guò)的Markdown編輯器里除了帶目錄插件的VSCode和語(yǔ)雀之外還沒(méi)見(jiàn)過(guò)有哪個(gè)可以實(shí)時(shí)生成大綱的。

最重要的是:Typora是跨平臺(tái)的漾肮!跨平臺(tái)厂抖!跨平臺(tái)!跨平臺(tái)克懊!重要的事情說(shuō)三遍忱辅!帶Linux玩的都是好朋友七蜘!

Visual Studio Code

沒(méi)錯(cuò),大名鼎鼎的VSCode也是可以寫(xiě)Markdown的(好像沒(méi)有VSCode做不到的事情)墙懂,而且語(yǔ)法高亮還挺完備的橡卤,相關(guān)插件也有很多。個(gè)人感覺(jué)使用體驗(yàn)僅次于Typora损搬。

推薦裝一個(gè)Markdown Preview Enhanced插件碧库,這樣就可以實(shí)時(shí)預(yù)覽了,還有個(gè)神器Markdown All in One也很好用巧勤,但是需要額外記一些快捷鍵嵌灰。強(qiáng)烈建議裝一個(gè)markdownlint做語(yǔ)法規(guī)范檢查,畢竟Markdown的編碼規(guī)范還是挺重要的颅悉。

使用體驗(yàn)上沽瞭,除了不是實(shí)時(shí)全屏預(yù)覽以外,使用體驗(yàn)跟Typora幾乎沒(méi)什么差別剩瓶,就是VSCode的使用體驗(yàn)驹溃。

最重要的是:VSCode也是跨平臺(tái)的!跨平臺(tái)儒搭!跨平臺(tái)吠架!跨平臺(tái)!重要的事情說(shuō)三遍搂鲫!帶Linux玩的都是好朋友傍药!

簡(jiǎn)書(shū)

了解我的人應(yīng)該都知道我在簡(jiǎn)書(shū)上寫(xiě)了多少東西』耆裕客觀來(lái)說(shuō)拐辽,作為在線的編輯器,雖然沒(méi)有語(yǔ)法高亮擦酌,但是簡(jiǎn)書(shū)還是挺不錯(cuò)的俱诸,容錯(cuò)能力很強(qiáng)(比如標(biāo)題的#號(hào)后面不打空格、段內(nèi)換行不打空格這種不規(guī)范的寫(xiě)法都能正確識(shí)別)赊舶,實(shí)時(shí)預(yù)覽也做得很不錯(cuò)睁搭。很多時(shí)候有些比較短的文章我不想在本地開(kāi)Typora寫(xiě),就直接在簡(jiǎn)書(shū)上寫(xiě)了笼平,還是挺舒服的园骆。

最主要的還是簡(jiǎn)書(shū)自帶圖床,不用為把圖片保存在哪里而發(fā)愁寓调。

另外锌唾,簡(jiǎn)書(shū)的廣告比CSDN少多了,界面也是我喜歡的風(fēng)格,這也是我推薦它而不是CSDN的原因晌涕。

簡(jiǎn)書(shū)也支持富文本滋捶。

當(dāng)然,簡(jiǎn)書(shū)也是跨平臺(tái)的余黎!畢竟Web應(yīng)用從來(lái)都不會(huì)受平臺(tái)限制重窟,只要有瀏覽器就能訪問(wèn)。

Md2All

官網(wǎng):http://md.aclickall.com/

這個(gè)東西比較冷門(mén)惧财,本來(lái)的作用是將Markdown格式轉(zhuǎn)換為富文本亲族,但是單純用來(lái)編輯Markdown也是挺不錯(cuò)的,如果你對(duì)CSS比較熟悉的話可缚,你還可以把它生成的富文本變得非常漂亮。

不支持云同步斋枢,寫(xiě)完之后記得保存到本地帘靡。

最大的缺點(diǎn)就是不帶語(yǔ)法高亮了。坦白來(lái)說(shuō)瓤帚,寫(xiě)Markdown沒(méi)語(yǔ)法高亮是真的難受描姚。

印象筆記/為知筆記

說(shuō)到有云同步功能的,除了本來(lái)就是Web應(yīng)用戈次、自帶云同步的簡(jiǎn)書(shū)就是這兩個(gè)了吧轩勘。這兩個(gè)作為筆記類(lèi)的軟件,也是很出名的怯邪。

雖然印象筆記是最近才有的Markdown功能绊寻,但是語(yǔ)法高亮還是挺不錯(cuò)的,比為知筆記舒服一些悬秉,也可以實(shí)時(shí)預(yù)覽澄步,我發(fā)在簡(jiǎn)書(shū)上那篇Maven學(xué)習(xí)筆記就是用印象筆記寫(xiě)的。為知筆記不是很推薦和泌,沒(méi)高亮也沒(méi)實(shí)時(shí)預(yù)覽村缸。

但是印象筆記那個(gè)Markdown。武氓。梯皿。也是有夠難受的,支持很有限县恕,而且……真的太丑了东羹,比不上Typora不說(shuō),畢竟人家太無(wú)敵了弱睦,但是連VSCode甚至Markdown Pad都比不上百姓,就有點(diǎn)說(shuō)不過(guò)去了……

總之這倆不建議用,想要云同步的話直接用簡(jiǎn)書(shū)就行了况木,還順便開(kāi)通了個(gè)個(gè)人博客垒拢。當(dāng)然你也可以“曲線救國(guó)”旬迹,用堅(jiān)果云、iCloud求类、OneDrive做云同步奔垦。比較邪門(mén)的玩法還可以在GitHub上建一個(gè)倉(cāng)庫(kù)存你的筆記(論GitHub的錯(cuò)誤正確用法)。

想看正經(jīng)推薦的到這里就可以往下翻去看教程了尸疆,以下幾個(gè)都是不正經(jīng)推薦椿猎。

Markdown Pad

Windows獨(dú)享。

我18年入門(mén)Markdown的時(shí)候使用的第一個(gè)編輯器寿弱,可以說(shuō)是麻雀雖小五臟俱全吧犯眠,比較簡(jiǎn)陋,但是功能還是比較完善的症革。

一個(gè)很大的亮點(diǎn)就是自帶圖床了筐咧,對(duì)圖片很友好,畢竟Markdown最大的短板應(yīng)該就是圖片了噪矛。

可以試試量蕊,但是不推薦日常使用。

Xcode

macOS獨(dú)享艇挨。

這是你沒(méi)見(jiàn)過(guò)的船新玩法残炮。

一開(kāi)始我以為這么玩的都是大佬,但是macOS默認(rèn)打開(kāi)Markdown文件的方式居然真的是Xcode缩滨,真是無(wú)力吐槽了势就。。脉漏。

不過(guò)客觀上來(lái)講蛋勺,除了沒(méi)實(shí)時(shí)預(yù)覽,Xcode寫(xiě)Markdown感覺(jué)還是挺不錯(cuò)的鸠删,畢竟語(yǔ)法高亮比較完備抱完,顏值也是真的高。雖然本身是個(gè)跟Visual Studio一樣的超重量級(jí)的IDE刃泡,但是平常使用的話還是感覺(jué)不大到巧娱。

真的會(huì)有人日常用這玩意寫(xiě)Markdown嗎……

Vim

macOS/Linux獨(dú)享,Windows有移植版本不過(guò)巨難用烘贴。

這是你沒(méi)見(jiàn)過(guò)的船新玩法*2禁添。

嗯,不用多說(shuō)桨踪,玩Vim的都是大佬老翘。

反正我玩不動(dòng),各種命令和快捷鍵都快記瘋了,也就寫(xiě)代碼的時(shí)候開(kāi)個(gè)Vim模擬器玩玩了铺峭。

但是有一說(shuō)一墓怀,Vim帶語(yǔ)法高亮,確實(shí)可以寫(xiě)Markdown卫键。

標(biāo)題

Markdown一共支持六級(jí)標(biāo)題傀履,與HTML的<h1><h6>作用相同。

寫(xiě)法:是第幾級(jí)標(biāo)題就在前面寫(xiě)幾個(gè)#莉炉,#后面打一個(gè)空格钓账,然后再跟上標(biāo)題內(nèi)容。

一級(jí)標(biāo)題還有一種比較冷門(mén)的寫(xiě)法絮宁,就是在標(biāo)題行的下一行打-梆暮,幾個(gè)都可以。Typora需要進(jìn)入源代碼模式才能打出绍昂。因?yàn)閷?shí)在太麻煩了惕蹄,所以這種寫(xiě)法不建議大家用,用剛才說(shuō)的#就可以了治专。

不打空格的話大多數(shù)編輯器識(shí)別不了,但也有能識(shí)別的遭顶,比如簡(jiǎn)書(shū)和Markdown Pad张峰,Typora老版本好像也可以。但是出于標(biāo)準(zhǔn)棒旗、規(guī)范而言喘批,大家還是應(yīng)該打一個(gè)空格。

注意:標(biāo)題前后都應(yīng)該有一個(gè)空行铣揉。

例如:

# 一級(jí)標(biāo)題
## 二級(jí)標(biāo)題
### 三級(jí)標(biāo)題
#### 四級(jí)標(biāo)題
##### 五級(jí)標(biāo)題
###### 六級(jí)標(biāo)題

效果:

一級(jí)標(biāo)題

二級(jí)標(biāo)題

三級(jí)標(biāo)題

四級(jí)標(biāo)題

五級(jí)標(biāo)題
六級(jí)標(biāo)題

注意:有的編輯器只支持四級(jí)標(biāo)題(例如語(yǔ)雀)饶深,所以建議大家最好不要使用超過(guò)四級(jí)標(biāo)題。

注意2:嚴(yán)格意義上逛拱,一篇Markdown只可以有一個(gè)一級(jí)標(biāo)題敌厘,但是看了許多人的Markdown,遵守這個(gè)規(guī)定的人實(shí)在是不多啊~(反正我也不遵守)

正文

Markdown的正文與HTML的<p>標(biāo)簽類(lèi)似朽合。但是在Markdown里不用任何標(biāo)識(shí)符俱两,直接寫(xiě)就是一個(gè)段落。

注意:嚴(yán)格意義上講曹步,Markdown直接打一個(gè)回車(chē)并不是換行宪彩。它的換行方式有兩種:

換段落

兩個(gè)段落之間空出一行,就相當(dāng)于另起一段讲婚。

Markdown:

this is a paragraph

this is another paragraph

相當(dāng)于HTML:

<p>
  this is a paragraph
</p>
<p>
  this is another paragraph
</p>

效果:

this is a paragraph

this is another paragraph

注意:有的Markdown編輯器按回車(chē)默認(rèn)換段落尿孔,例如Typora,有的就不會(huì),例如簡(jiǎn)書(shū)(一個(gè)回車(chē)默認(rèn)識(shí)別為段內(nèi)換行)活合。

注意2:Markdown里打多少個(gè)回車(chē)都只識(shí)別為一個(gè)雏婶,所以打一個(gè)就夠了。

換行

段落內(nèi)換行的方式是一行后接兩個(gè)(有的編輯器好像需要四個(gè))空格芜辕,再接一個(gè)回車(chē)尚骄。

這兩個(gè)空格加一個(gè)回車(chē)的作用相當(dāng)于HTML的<br>標(biāo)簽。

但是有的編輯器侵续,只打一個(gè)回車(chē)也能被識(shí)別為段內(nèi)換行倔丈,比如Typora(需要在源代碼模式下)和簡(jiǎn)書(shū)。

例如:

this is a line  
this is another line

相當(dāng)于HTML:

<p>
  this is a line<br>this is another line
</p>

效果:

this is a line
this is another line

注意:

目前絕大多數(shù)的編輯器都支持把單獨(dú)一個(gè)回車(chē)視為段內(nèi)換行状蜗,例如簡(jiǎn)書(shū)和Typora(需要進(jìn)入源代碼模式)需五。不過(guò)大家還是應(yīng)該在需要段內(nèi)換行的時(shí)候在行的末尾打至少兩個(gè)空格。

引用

Markdown的引用是非常簡(jiǎn)單的轧坎,只要在引用行的開(kāi)頭打一個(gè)>宏邮,再跟一個(gè)空格,這一行就變成引用了缸血。

相當(dāng)于HTML的<blockquote>標(biāo)簽蜜氨。

例如:

> 這是一段引用

相當(dāng)于HTML:

<blockquote>這是一段引用</blockquote>

效果:

這是一段引用

列表

注意:按照規(guī)范,列表與段落捎泻、標(biāo)題之間應(yīng)該空一行飒炎。

注意2:列表項(xiàng)之間不需要多空一行,也不需要在列表項(xiàng)的末尾打空格換行笆豁。列表項(xiàng)的每一項(xiàng)是自動(dòng)獨(dú)立成一行的郎汪。

有序列表

有序列表的寫(xiě)法很簡(jiǎn)單,跟Word一樣闯狱,就是數(shù)字加上一個(gè)英文的.煞赢,再接一個(gè)空格。

相當(dāng)于HTML的<ol>+<li>哄孤。

例如:

1. first
2. second

相當(dāng)于HTML:

<ol>
  <li>first</li>
  <li>second</li>
</ol>

效果:

  1. first
  2. second

無(wú)序列表

Markdown的無(wú)序列表打法不止一種照筑,這里只介紹最常用的兩種:-后跟一個(gè)空格或者+后跟一個(gè)空格。兩者可以混用瘦陈,我一般用+加一個(gè)空格的打法朦肘。

相當(dāng)于HTML的<ul>+<li>

例如:

- 123
+ 123

相當(dāng)于HTML:

<ul>
  <li>123</li>
  <li>123</li>
</ul>

效果:

  • 123
  • 123

任務(wù)列表

任務(wù)列表的打法相對(duì)復(fù)雜些双饥,是- [ ]后跟一個(gè)空格媒抠。注意在Typora等實(shí)時(shí)預(yù)覽的編輯器里,打出的順序是:

  1. 先打出-[](方括號(hào)中間和減號(hào)后面無(wú)空格)咏花,然后后面打一個(gè)空格
  2. 方括號(hào)中間加一個(gè)空格
  3. 減號(hào)與左方括號(hào)之間加一個(gè)空格

打鉤的任務(wù)列表的方括號(hào)中間是一個(gè)x趴生,就是小寫(xiě)的x阀趴,沒(méi)有空格。

相當(dāng)于HTML<form>里的<input type="checkbox">苍匆,打鉤的就是有checked屬性的刘急。

例如:

- [ ] 未完成
- [x] 已完成

相當(dāng)于HTML:

<form>
  <input type="checkbox" id="checkbox">
  <label for="checkbox">未完成</label>
  <br>
  <input type="checkbox" id="checkbox_checked" checked>
  <label for="checkbox_checked">已完成</label>
</form>

效果:

  • 未完成
  • 已完成

注意:有的編輯器在打有序列表和無(wú)序列表時(shí)不跟空格也可以識(shí)別,比如簡(jiǎn)書(shū)和Markdown Pad浸踩,但是絕大多數(shù)都是無(wú)法識(shí)別的叔汁,所以建議大家按照標(biāo)準(zhǔn),在數(shù)字和符號(hào)后面跟一個(gè)空格检碗。

加粗

非常簡(jiǎn)單荣倾,用**包裹要加粗的內(nèi)容就可以了跌榔。

相當(dāng)于HTML的<strong>绪囱。

例如:

在Java中绪抛,被標(biāo)識(shí)為final的類(lèi)**不能被繼承**。

相當(dāng)于HTML:

在Java中怕犁,被標(biāo)識(shí)為final的類(lèi)<srong>不能被繼承</strong>边篮。

效果:

在Java中,被標(biāo)識(shí)為final的類(lèi)不能被繼承奏甫。

斜體

與加粗打法很像戈轿,只不過(guò)斜體是打一個(gè)*而加粗是兩個(gè)。

相當(dāng)于HTML的<i>阵子。

例如:

*我是斜的*

相當(dāng)于HTML:

<i>我是斜的</i>

效果:

我是斜的

刪除線

刪除線的打法也非常簡(jiǎn)單思杯,使用兩個(gè)~包裹要畫(huà)刪除線的部分就可以了。

相當(dāng)于HTML的<strike>款筑。

例如:

~~看完這篇文章說(shuō)不定你就可以入門(mén)HTML了~~

相當(dāng)于HTML:

<strike>看完這篇文章說(shuō)不定你就可以入門(mén)HTML了</strike>

效果:

看完這篇文章說(shuō)不定你就可以入門(mén)HTML了

行內(nèi)代碼/專有名詞

這個(gè)名字是我自己起的,因?yàn)槲覍?shí)在不知道它叫啥腾么。奈梳。。

這個(gè)東西一般用來(lái)標(biāo)記專有名詞解虱,或者一些簡(jiǎn)單的代碼攘须。

打法很簡(jiǎn)單,就是用兩個(gè)`(就是Esc鍵下面殴泰,跟~在一起的那個(gè)于宙,在英文下直接按就可以打出這個(gè)了。這個(gè)符號(hào)的名字其實(shí)叫“反引號(hào)”)把要標(biāo)記的部分包裹起來(lái)就行了悍汛。

相當(dāng)于HTML的<code>捞魁。

例如:

`Java`是世界上最好的語(yǔ)言

相當(dāng)于HTML:

<code>Java</code>是世界上最好的語(yǔ)言

效果:

Java是世界上最好的語(yǔ)言

代碼塊

代碼塊也有兩種打法,各有各的優(yōu)缺點(diǎn)离咐。

注意:代碼塊前后都要與段落之間有一個(gè)空行谱俭。

第一種

第一種打法是三個(gè)`(就是剛才打行內(nèi)代碼時(shí)用到的那個(gè)奉件,三個(gè)~也是可以的)加上你代碼的語(yǔ)言名稱,然后在代碼結(jié)束的地方再打三個(gè)昆著。這也是我最常用的打法县貌。

相當(dāng)于HTML的<pre>

例如:

?```Java
package site.wendev.hello;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
?```

相當(dāng)于HTML:

<pre>
package site.wendev.hello;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
</pre>

效果:

package site.wendev.hello;

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

注意:有的Markdown編輯器會(huì)自動(dòng)補(bǔ)全結(jié)束的三個(gè)`凑懂,比如Typora煤痕,但絕大多數(shù)都不會(huì),需要你自己把它打上接谨。

第二種

這一種比較小眾摆碉,打起來(lái)也比較麻煩,不過(guò)我剛?cè)腴T(mén)的時(shí)候用的是這一種打法疤坝。

這種打法就是代碼塊所在的行前面先打四個(gè)空格兆解,再打代碼。Typora需要進(jìn)入源代碼模式才能打出來(lái)跑揉,相對(duì)來(lái)說(shuō)Markdown Pad打這種會(huì)方便些锅睛。

例如:

    #include <iostream>
    using namespace std;

    int main() {
      cout << "Hello, World!" << endl;
      
      return 0;
    }

同樣相當(dāng)于HTML的<pre>標(biāo)簽。

效果:

#include <iostream>
using namespace std;

int main() {
  cout << "Hello, World!" << endl;
  
  return 0;
}

因?yàn)檫@種打法太麻煩了历谍,也不便于代碼的批量復(fù)制粘貼现拒,所以不建議大家使用。

超鏈接

超鏈接以及接下來(lái)要說(shuō)的圖片可能對(duì)剛學(xué)的同學(xué)來(lái)說(shuō)有點(diǎn)難理解望侈,但是不用擔(dān)心印蔬,對(duì)照著HTML來(lái)是很簡(jiǎn)單的。

超鏈接的打法是[]()脱衙,其中方括號(hào)內(nèi)為超鏈接的文字侥猬,圓括號(hào)內(nèi)是超鏈接的地址。

注意這個(gè)方括號(hào)和圓括號(hào)都是英文的捐韩。

相當(dāng)于HTML的<a>標(biāo)簽退唠,圓括號(hào)里的是<a>標(biāo)簽的href屬性,方括號(hào)里的是<a>標(biāo)簽的內(nèi)容荤胁。

例如:

[我的簡(jiǎn)書(shū)](http://www.reibang.com/u/dc63550214af)

相當(dāng)于HTML:

<a href="http://www.reibang.com/u/dc63550214af">我的簡(jiǎn)書(shū)</a>

效果:

我的簡(jiǎn)書(shū)

圖片

圖片就是超鏈接前加上一個(gè)英文的!瞧预。方括號(hào)內(nèi)為圖片的圖注,圓括號(hào)內(nèi)為圖片的網(wǎng)絡(luò)地址或者本地地址仅政。

相當(dāng)于HTML的<img>標(biāo)簽垢油,圓括號(hào)里的是src屬性,方括號(hào)里的是alt屬性圆丹。

例如:

![我的首頁(yè)效果圖](https://upload-images.jianshu.io/upload_images/15800372-81b1c3f89eb4b9c2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

相當(dāng)于HTML:

<img src="https://upload-images.jianshu.io/upload_images/15800372-81b1c3f89eb4b9c2.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="我的首頁(yè)效果圖">

效果:

我的首頁(yè)效果圖

表格

表格是最復(fù)雜的滩愁,也是最勸退新人的,所以我們放在最后來(lái)講辫封。不過(guò)沒(méi)關(guān)系惊楼,掌握了以后你也可以很輕松地打出來(lái)玖瘸。

表格相當(dāng)于HTML的<table>

因?yàn)楸砀竦慕M成比較復(fù)雜檀咙,我們分塊來(lái)講雅倒。

表格的打法有很多種,這里介紹我最常用的一種弧可。

注意:表格也要跟正文之間空出一行蔑匣。

表頭

表頭的打法是:

thead|thead|thead
-----|-----|-----

相當(dāng)于HTML的<thead>

上面的打法相當(dāng)于HTML的:

<thead>
    <tr>
    <td>thead</td>
    <td>thead</td>
    <td>thead</td>
  </tr>
</thead>

表頭的第一行是表頭的內(nèi)容棕诵,相互之間用|分隔開(kāi)裁良,|的個(gè)數(shù)是表格的列數(shù)減1。

然后緊接著一行是-|的組合校套,就是將第一行表頭的內(nèi)容換成-价脾,幾個(gè)都可以,這一行是表頭與表格內(nèi)容的分界線笛匙。

表格內(nèi)容

表格內(nèi)容的打法與表頭一樣侨把,都是:

tbody|tbody|tbody
tbody|tbody|tbody

兩列之間用一個(gè)|分隔開(kāi),行之間沒(méi)有分隔符妹孙,也不用多打空格來(lái)?yè)Q行秋柄。

相當(dāng)于HTML的<tbody>

上面的寫(xiě)法相當(dāng)于HTML的:

    <tbody>
    <tr>
        <td>tbody</td>
        <td>tbody</td>
        <td>tbody</td>
    </tr>
    <tr>
        <td>tbody</td>
        <td>tbody</td>
        <td>tbody</td>
    </tr>
  </tbody>

綜上所述蠢正,整個(gè)表格的打法為:

thead|thead|thead
-----|-----|-----
tbody|tbody|tbody
tbody|tbody|tbody

相當(dāng)于HTML的:

<table>
  <thead>
        <tr>
        <td>thead</td>
        <td>thead</td>
        <td>thead</td>
    </tr>
    </thead>
  <tbody>
    <tr>
        <td>tbody</td>
        <td>tbody</td>
        <td>tbody</td>
    </tr>
  </tbody>
</table>

效果:

thead thead thead
tbody tbody tbody
tbody tbody tbody

注意:

似乎有些Markdown編輯器不認(rèn)表格骇笔,也不知道是怎么回事。嚣崭。笨触。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市雹舀,隨后出現(xiàn)的幾起案子芦劣,更是在濱河造成了極大的恐慌,老刑警劉巖葱跋,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件持寄,死亡現(xiàn)場(chǎng)離奇詭異源梭,居然都是意外死亡娱俺,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)废麻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)荠卷,“玉大人,你說(shuō)我怎么就攤上這事烛愧∮鸵耍” “怎么了掂碱?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)慎冤。 經(jīng)常有香客問(wèn)我疼燥,道長(zhǎng),這世上最難降的妖魔是什么蚁堤? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任醉者,我火速辦了婚禮,結(jié)果婚禮上披诗,老公的妹妹穿的比我還像新娘撬即。我一直安慰自己,他們只是感情好呈队,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布剥槐。 她就那樣靜靜地躺著,像睡著了一般宪摧。 火紅的嫁衣襯著肌膚如雪粒竖。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,688評(píng)論 1 305
  • 那天绍刮,我揣著相機(jī)與錄音温圆,去河邊找鬼。 笑死孩革,一個(gè)胖子當(dāng)著我的面吹牛岁歉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播膝蜈,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼锅移,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了饱搏?” 一聲冷哼從身側(cè)響起非剃,我...
    開(kāi)封第一講書(shū)人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎推沸,沒(méi)想到半個(gè)月后备绽,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鬓催,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年肺素,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宇驾。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡倍靡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出课舍,到底是詐尸還是另有隱情塌西,我是刑警寧澤他挎,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站捡需,受9級(jí)特大地震影響办桨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜站辉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一崔挖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧庵寞,春花似錦狸相、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至古沥,卻和暖如春瘸右,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背岩齿。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工太颤, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盹沈。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓龄章,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親乞封。 傳聞我的和親對(duì)象是個(gè)殘疾皇子做裙,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355