Markdown语法简介

69530.png

提到Markdown了解的会觉得很easy,不了解的会觉得又是什么不明觉厉的黑科技;其实,网上关于Markdown的介绍很多,但一来,总还有些人不很清楚;二来每次用到都要东拼西凑,很是不便;这里带大家梳理一下这个最近很火、很神奇的语法;本文将从What 、Why、Tools、 How四个方面对Markdown进行介绍。

What(什么是Markdown)

   [Markdown](http://zh.wikipedia.org/wiki/Markdown)是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑,Markdown 的语法十分简单。常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。
 其实,很多文章这里也是这么介绍,毕竟定义嘛,并没有什么不同;大家只需要知道是一门具有诸多优点的标记语言,那么具体有哪些优点呢?且往下看。

Why(为什么是Markdown)

    正如上文所述,Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件*Word*或*Pages*有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。例如此文从内容到格式,甚至插图,键盘就可以通通搞定了。目前来看,支持 Markdown 语法的编辑器有很多,包括很多网站(例如[简书](http://jianshu.io/))也支持了 Markdown 的文字录入。Markdown 从写作到完成,导出格式随心所欲,你可以导出 HTML 格式的文件用来网站发布,也可以十分方便的导出 PDF 格式,这种格式写出的简历更能得到 HR 的好感。甚至可以利用[CloudApp](http://www.getcloudapp.com/)这种云服务工具直接上传至网页用来分享你的文章,全球最大的轻博客平台 Tumblr,也支持使用 Mou 这类 Markdown 工具进行编辑并直接上传。当然,如果你用过HTML的话,你会发现HTML 对格式还是有一些要求的,例如标签的开合、成对出现等。Markdown 的简单和灵活性可以让你产生更少的错误,而且很容易找到错误所在。综上,概况来说主要有以下几方面:
  • 纯文本,所以兼容性极强,可以用所有文本编辑器打开。
  • 让你专注于文字而不是排版。
  • 格式转换方便,Markdown 的文本你可以轻松转换为 html、电子书等。
  • Markdown 的标记语法有极好的可读性。
  • (相比于HTML等)更少的错误,更少的学习成本。

T(选择合适的编辑工具)

在线的Markdown编辑器

1.dillinger 漂亮强大,支持md, html, pdf 文件导出。支持dropbox, onedrive,google drive, github. 来自国外,可能不够稳定。

Paste_Image.png

2.MaHua 小众软件推荐,界面有些简陋
Paste_Image.png

3.简书 一个很不错的博客平台,每几秒钟便会自动存入一个备份。可以直接从本地拖入照片生成链接,一直在不断优化。作为一个博客平台,需要注册账号后方能进行写作。
Paste_Image.png

4.小书匠编辑器Cmd Markdown 也有web版,下文有介绍。

支持多平台

1.FarBox 一个支持Markdown写作语法的博客平台,让用户通过Dropbox(现在默认是自己的同步服务器)直接建立个人网站。FarBox编辑器免费,支持多平台(无web版,Linux版停止维护),个人认为是Windows平台最优雅的编辑器。多说一句,Farbox服务可以免费试用,在本地编辑器内写作自动同步发布在个人博客,对像笔者这样希望有个人博客但却不愿折腾的小白来说,是个不错的选择。

Paste_Image.png

2.Cmd Markdown 作业部落出品,也是一款不错的工具和博客平台兼顾的产品。全平台且提供web版。
Paste_Image.png

3.Sublime Text 2 界面简约大方,定位专业。可以免费试用,价格稍贵,70美元。
Paste_Image.png

4.Atom github出的编辑器;功能十分强大,支持各种编程语言;安装后会在添加右键菜单,图标丑;全平台,程序猿专用。
Paste_Image.png

Windows平台

1.MarkdownPad 一款全功能的编辑器,被很多人称赞为windows 平台最好用的markdown编辑器

Markdown编辑器

2.Smark 开源软件

Markdown编辑器

3.MdCharm 功能完备;长相一般,隐藏菜单栏后也算简约。有Windows 和Linux版本。目前已开源,不再更新。

Markdown编辑器

4.Miu 一款模仿mou 的windows平台markdown编辑器,小众推荐,必属精品,官网无法打开,好在小众提供了百度云下载。界面美观,功能不够成熟

Markdown编辑器

OS X平台

没有Mac 没有试用,也就不做太多评价,下面整理了最受好评的几个。
1.Mou 似乎提到 Mac 和 MD ,接下来的词一定是Mou,因为他们是一个姓么!

Paste_Image.png

2.Typora 有出Windows 和Linux版本的计划

Markdown编辑器

3.MacDown 开源免费

Markdown编辑器

Linux平台
用Linux的程序员根本就不屑于看这种文章。

除了AtomUberWriterRStudio
 还有开源软件ReTextEditor.MD 等。

H(如何使用Markdown)

段落、标题、区块代码

一个段落是由一个以上的连接的行句组成,而一个以上的空行则会划分出不同的段落(空行的定义是显示上看起来像是空行,就被视为空行,例如有一行只有空白和 tab,那该行也会被视为空行),一般的段落不需要用空白或换行缩进。
Markdown 支持两种标题的语法,Setextatx 形式。Setext 形式是用底线的形式,利用 =(最高阶标题)和 -(第二阶标题) ,Atx 形式在行首插入 1 到 6 个 #,对应到标题 1 到 6 阶。区块引用则使用 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>
修辞和强调

Markdown 使用星号和底线来标记需要强调的区段。
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>
列表

无序列表使用星号、加号和减号来做为列表的项目标记,这些符号是都可以使用的,使用星号:

  • Candy * Gum * Booze.

加号:

  • Candy + Gum + Booze.

和减号

  • Candy - Gum - Booze.

都会输出 HTML 为:


<code>
<ul>
  <li>Candy.</li>
  <li>Gum.</li>
  <li>Booze.</li>
</ul>
</code>

有序的列表则是使用一般的数字接着一个英文句点作为项目标记:

  1. Red2. Green3. Blue

输出 HTML 为:


<code>
<ol><li>Red</li><li>Green</li><li>Blue</li></ol>
</code>

如果你在项目之间插入空行,那项目的内容会用 <p>
包起来,你也可以在一个项目内放上多个段落,只要在它前面缩排 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 支援两种形式的链接语法: 行内参考 两种形式,两种都是使用角括号来把文字转成连结。
行内形式是直接在后面用括号直接接上链接:
This is an example link.

输出 HTML 为:

<code>
<p>This is an <a href="http://example.com/">example link</a>.</p>
</code>

你也可以选择性的加上 title 属性:
This is an example link.
输出 HTML 为:

<code>
<p>This is an <a href="http://example.com/" title="With a Title">example link</a>.</p>
</code>

参考形式的链接让你可以为链接定一个名称,之后你可以在文件的其他地方定义该链接的内容:
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 href="http://google.com/"title="Google">Google</a> than from <a href="http://search.yahoo.com/"title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"title="MSN Search">MSN</a>.</p>
</code>

title 属性是选择性的,链接名称可以用字母、数字和空格,但是不分大小写:
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 href="http://www.nytimes.com/">The New York Times</a>.</p>
</code>
图片

图片的语法和链接很像。
行内形式(title 是选择性的):

69488.png

参考形式:
![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>
代码

在一般的段落文字中,你可以使用反引号 来标记代码区段,区段内的 & 、< 和 > 都会被自动的转换成 HTML 实体,这项特性让你可以很容易的在代码区段内插入 HTML 码: I strongly recommend against using any<blink>tags.I wish SmartyPants used named entities likeinstead 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>

如果要建立一个已经格式化好的代码区块,只要每行都缩进 4 个空格或是一个 tab 就可以了,而 &、< 和 > 也一样会自动转成 HTML 实体。
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>
参考资料和文献

*Markdown 语法说明 (简体中文版) *
blog comments powered by Disqus
认识与入门 Markdown
7 款优秀 Markdown 编辑工具
好用的Markdown编辑器一览
创始人 John Gruber 的 Markdown 语法说明
Markdown 中文版语法说明

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容