提到Markdown了解的會覺得很easy,不了解的會覺得又是什么不明覺厲的黑科技壁却;其實(shí)瘤礁,網(wǎng)上關(guān)于Markdown的介紹很多阳懂,但一來,總還有些人不很清楚柜思;二來每次用到都要東拼西湊岩调,很是不便;這里帶大家梳理一下這個最近很火赡盘、很神奇的語法号枕;本文將從What 、Why陨享、Tools葱淳、 How四個方面對Markdown進(jìn)行介紹。
What(什么是Markdown)
[Markdown](http://zh.wikipedia.org/wiki/Markdown)是一種輕量級的「標(biāo)記語言」霉咨,它的優(yōu)點(diǎn)很多蛙紫,目前也被越來越多的寫作愛好者,撰稿者廣泛使用途戒】痈担看到這里請不要被「標(biāo)記」、「語言」所迷惑喷斋,Markdown 的語法十分簡單唁毒。常用的標(biāo)記符號也不超過十個,這種相對于更為復(fù)雜的HTML 標(biāo)記語言來說星爪,Markdown 可謂是十分輕量的浆西,學(xué)習(xí)成本也不需要太多,且一旦熟悉這種語法規(guī)則顽腾,會有一勞永逸的效果近零。
其實(shí)诺核,很多文章這里也是這么介紹,畢竟定義嘛久信,并沒有什么不同窖杀;大家只需要知道是一門具有諸多優(yōu)點(diǎn)的標(biāo)記語言,那么具體有哪些優(yōu)點(diǎn)呢裙士?且往下看入客。
Why(為什么是Markdown)
正如上文所述,Markdown 是一種用來寫作的輕量級「標(biāo)記語言」腿椎,它用簡潔的語法代替排版桌硫,而不像一般我們用的字處理軟件*Word*或*Pages*有大量的排版、字體設(shè)置啃炸。它使我們專心于碼字铆隘,用「標(biāo)記」語法,來代替常見的排版格式肮帐。例如此文從內(nèi)容到格式咖驮,甚至插圖,鍵盤就可以通通搞定了训枢。目前來看托修,支持 Markdown 語法的編輯器有很多,包括很多網(wǎng)站(例如[簡書](http://jianshu.io/))也支持了 Markdown 的文字錄入恒界。Markdown 從寫作到完成睦刃,導(dǎo)出格式隨心所欲,你可以導(dǎo)出 HTML 格式的文件用來網(wǎng)站發(fā)布十酣,也可以十分方便的導(dǎo)出 PDF 格式涩拙,這種格式寫出的簡歷更能得到 HR 的好感。甚至可以利用[CloudApp](http://www.getcloudapp.com/)這種云服務(wù)工具直接上傳至網(wǎng)頁用來分享你的文章耸采,全球最大的輕博客平臺 Tumblr兴泥,也支持使用 Mou 這類 Markdown 工具進(jìn)行編輯并直接上傳。當(dāng)然虾宇,如果你用過HTML的話搓彻,你會發(fā)現(xiàn)HTML 對格式還是有一些要求的,例如標(biāo)簽的開合嘱朽、成對出現(xiàn)等旭贬。Markdown 的簡單和靈活性可以讓你產(chǎn)生更少的錯誤,而且很容易找到錯誤所在搪泳。綜上稀轨,概況來說主要有以下幾方面:
- 純文本,所以兼容性極強(qiáng)岸军,可以用所有文本編輯器打開奋刽。
- 讓你專注于文字而不是排版瓦侮。
- 格式轉(zhuǎn)換方便,Markdown 的文本你可以輕松轉(zhuǎn)換為 html杨名、電子書等脏榆。
- Markdown 的標(biāo)記語法有極好的可讀性猖毫。
- (相比于HTML等)更少的錯誤台谍,更少的學(xué)習(xí)成本。
T(選擇合適的編輯工具)
在線的Markdown編輯器
1.dillinger 漂亮強(qiáng)大吁断,支持md, html, pdf 文件導(dǎo)出趁蕊。支持dropbox, onedrive,google drive, github. 來自國外仔役,可能不夠穩(wěn)定掷伙。
2.MaHua 小眾軟件推薦,界面有些簡陋
3.簡書 一個很不錯的博客平臺又兵,每幾秒鐘便會自動存入一個備份任柜。可以直接從本地拖入照片生成鏈接沛厨,一直在不斷優(yōu)化宙地。作為一個博客平臺,需要注冊賬號后方能進(jìn)行寫作逆皮。
4.小書匠編輯器 和 Cmd Markdown 也有web版宅粥,下文有介紹。
支持多平臺
1.FarBox 一個支持Markdown寫作語法的博客平臺电谣,讓用戶通過Dropbox(現(xiàn)在默認(rèn)是自己的同步服務(wù)器)直接建立個人網(wǎng)站秽梅。FarBox編輯器免費(fèi),支持多平臺(無web版剿牺,Linux版停止維護(hù))企垦,個人認(rèn)為是Windows平臺最優(yōu)雅的編輯器。多說一句晒来,F(xiàn)arbox服務(wù)可以免費(fèi)試用钞诡,在本地編輯器內(nèi)寫作自動同步發(fā)布在個人博客,對像筆者這樣希望有個人博客但卻不愿折騰的小白來說潜索,是個不錯的選擇臭增。
2.Cmd Markdown 作業(yè)部落出品,也是一款不錯的工具和博客平臺兼顧的產(chǎn)品竹习。全平臺且提供web版誊抛。
3.Sublime Text 2 界面簡約大方,定位專業(yè)整陌∞智裕可以免費(fèi)試用瞎领,價格稍貴,70美元随夸。
4.Atom github出的編輯器九默;功能十分強(qiáng)大,支持各種編程語言宾毒;安裝后會在添加右鍵菜單驼修,圖標(biāo)丑;全平臺诈铛,程序猿專用乙各。
Windows平臺
1.MarkdownPad 一款全功能的編輯器,被很多人稱贊為windows 平臺最好用的markdown編輯器
2.Smark 開源軟件
3.MdCharm 功能完備幢竹;長相一般耳峦,隱藏菜單欄后也算簡約。有Windows 和Linux版本焕毫。目前已開源蹲坷,不再更新。
4.Miu 一款模仿mou 的windows平臺markdown編輯器邑飒,小眾推薦循签,必屬精品,官網(wǎng)無法打開幸乒,好在小眾提供了百度云下載懦底。界面美觀,功能不夠成熟
OS X平臺
沒有Mac 沒有試用罕扎,也就不做太多評價聚唐,下面整理了最受好評的幾個。
1.Mou 似乎提到 Mac 和 MD ,接下來的詞一定是Mou腔召,因?yàn)樗麄兪且粋€姓么!
2.Typora 有出Windows 和Linux版本的計(jì)劃
3.MacDown 開源免費(fèi)
Linux平臺
用Linux的程序員根本就不屑于看這種文章杆查。
除了Atom ,UberWriter臀蛛,RStudio亲桦;
還有開源軟件ReText ,Editor.MD 等浊仆。
H(如何使用Markdown)
段落客峭、標(biāo)題、區(qū)塊代碼
一個段落是由一個以上的連接的行句組成抡柿,而一個以上的空行則會劃分出不同的段落(空行的定義是顯示上看起來像是空行舔琅,就被視為空行,例如有一行只有空白和 tab洲劣,那該行也會被視為空行)备蚓,一般的段落不需要用空白或換行縮進(jìn)课蔬。
Markdown 支持兩種標(biāo)題的語法,Setext 和 atx 形式郊尝。Setext 形式是用底線的形式二跋,利用 =(最高階標(biāo)題)和 -(第二階標(biāo)題) ,Atx 形式在行首插入 1 到 6 個 #流昏,對應(yīng)到標(biāo)題 1 到 6 階扎即。區(qū)塊引用則使用 email 形式的 '>' 角括號。
Markdown 語法:
A First Level Header====================A Second Level Header---------------------Now is the time for all good men to come tothe aid of their country. This is just aregular paragraph.The quick brown fox jumped over the lazydog's back.### Header 3> This is a blockquote.> > This is the second paragraph in the blockquote.>> ## This is an H2 in a blockquote
輸出 HTML 為:
<code>
<h1>A First Level Header</h1>
<h2>A Second Level Header</h2>
<p>Now is the time for all good men to come tothe aid of their country. This is just aregular paragraph.</p><p>The quick brown fox jumped over the lazydog's back.</p>
<h3>Header 3</h3>
<blockquote>
<p>This is a blockquote.</p>
<p>This is the second paragraph in the blockquote.</p>
<h2>This is an H2 in a blockquote</h2>
</blockquote>
</code>
修辭和強(qiáng)調(diào)
Markdown 使用星號和底線來標(biāo)記需要強(qiáng)調(diào)的區(qū)段横缔。
Markdown 語法:
Some of these words are emphasized.Some of these words are emphasized also.Use two asterisks for strong emphasis.Or, if you prefer, use two underscores instead.
輸出 HTML 為:
<code>
<p>Some of these words <em>are emphasized</em>.Some of these words <em>are emphasized also</em>.</p><p>Use two asterisks for <strong>strong emphasis</strong>.Or, if you prefer, <strong>use two underscores instead</strong>.</p>
</code>
列表
無序列表使用星號铺遂、加號和減號來做為列表的項(xiàng)目標(biāo)記,這些符號是都可以使用的茎刚,使用星號:
- Candy * Gum * Booze.
加號:
- Candy + Gum + Booze.
和減號
- Candy - Gum - Booze.
都會輸出 HTML 為:
<code>
<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
</ul>
</code>
有序的列表則是使用一般的數(shù)字接著一個英文句點(diǎn)作為項(xiàng)目標(biāo)記:
- Red2. Green3. Blue
輸出 HTML 為:
<code>
<ol><li>Red</li><li>Green</li><li>Blue</li></ol>
</code>
如果你在項(xiàng)目之間插入空行,那項(xiàng)目的內(nèi)容會用 <p>
包起來撤逢,你也可以在一個項(xiàng)目內(nèi)放上多個段落膛锭,只要在它前面縮排 4 個空白或 1 個 tab 。
<p>
- A list item.With multiple paragraphs.* Another item in the list.
</p>
輸出 HTML 為:
<code>
<ul><li><p>A list item.</p><p>With multiple paragraphs.</p></li><li><p>Another item in the list.</p></li></ul>
</code>
鏈接
Markdown 支援兩種形式的鏈接語法: 行內(nèi) 和 參考 兩種形式蚊荣,兩種都是使用角括號來把文字轉(zhuǎn)成連結(jié)初狰。
行內(nèi)形式是直接在后面用括號直接接上鏈接:
This is an example link.
輸出 HTML 為:
<code>
<p>This is an <a >example link</a>.</p>
</code>
你也可以選擇性的加上 title 屬性:
This is an example link.
輸出 HTML 為:
<code>
<p>This is an <a title="With a Title">example link</a>.</p>
</code>
參考形式的鏈接讓你可以為鏈接定一個名稱,之后你可以在文件的其他地方定義該鏈接的內(nèi)容:
I get 10 times more traffic from [Google][1] than from[Yahoo][2] or [MSN][3].[1]: http://google.com/ "Google"[2]: http://search.yahoo.com/ "Yahoo Search"[3]: http://search.msn.com/ "MSN Search"
輸出 HTML 為:
<code>
<p>I get 10 times more traffic from <a >Google</a> than from <a Yahoo Search">Yahoo</a> or <a MSN Search">MSN</a>.</p>
</code>
title 屬性是選擇性的互例,鏈接名稱可以用字母奢入、數(shù)字和空格,但是不分大小寫:
I start my morning with a cup of coffee and[The New York Times][NY Times].[ny times]: http://www.nytimes.com/
輸出 HTML 為:
<code>
<p>I start my morning with a cup of coffee and<a >The New York Times</a>.</p>
</code>
圖片
圖片的語法和鏈接很像媳叨。
行內(nèi)形式(title 是選擇性的):
參考形式:
![alt text][id][id]: /path/to/img.jpg "Title"
上面兩種方法都會輸出 HTML 為:
<code>
<img src="http://upload-images.jianshu.io/upload_images/1368054-e57e7480210e840b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" />
</code>
代碼
在一般的段落文字中腥光,你可以使用反引號 來標(biāo)記代碼區(qū)段,區(qū)段內(nèi)的 & 糊秆、< 和 > 都會被自動的轉(zhuǎn)換成 HTML 實(shí)體武福,這項(xiàng)特性讓你可以很容易的在代碼區(qū)段內(nèi)插入 HTML 碼: I strongly recommend against using any
<blink>tags.I wish SmartyPants used named entities like
—instead of decimal-encoded entites like
—`.
輸出 HTML 為:
<code>
<p>I strongly recommend against using any<code><blink></code> tags.</p><p>I wish SmartyPants used named entities like<code>—</code> instead of decimal-encodedentites like <code>—</code>.</p>
</code>
如果要建立一個已經(jīng)格式化好的代碼區(qū)塊,只要每行都縮進(jìn) 4 個空格或是一個 tab 就可以了痘番,而 &捉片、< 和 > 也一樣會自動轉(zhuǎn)成 HTML 實(shí)體。
Markdown 語法:
If you want your page to validate under XHTML 1.0 Strict,you've got to put paragraph tags in your blockquotes:<blockquote><p>For example.</p></blockquote>
輸出 HTML 為:
<code>
<p>
If you want your page to validate under XHTML 1.0 Strict,you've got to put paragraph tags in your blockquotes:<pre><blockquote></blockquote>
</p>
</code>
參考資料和文獻(xiàn)
*Markdown 語法說明 (簡體中文版) *
blog comments powered by Disqus
認(rèn)識與入門 Markdown
7 款優(yōu)秀 Markdown 編輯工具
好用的Markdown編輯器一覽
創(chuàng)始人 John Gruber 的 Markdown 語法說明
Markdown 中文版語法說明