认识与入门 Markdown

野性酷女 2022-08-20 15:13 118阅读 0赞

博客转载：[http://sspai.com/25137][http_sspai.com_25137]

个人主页：[http://www.itit123.cn/][http_www.itit123.cn] 更多干货等你来拿

# 认识与入门 Markdown #

>   
> 
> 
> [Markdown][] 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。

## 一、认识 Markdown ##

在刚才的导语里提到，Markdown 是一种用来写作的轻量级「标记语言」，它用简洁的语法代替排版，而不像一般我们用的字处理软件*Word* 或*Pages* 有大量的排版、字体设置。它使我们专心于码字，用「标记」语法，来代替常见的排版格式。例如此文从内容到格式，甚至插图，键盘就可以通通搞定了。目前来看，支持 Markdown 语法的编辑器有很多，包括很多网站（例如[简书][Link 1]）也支持了 Markdown 的文字录入。Markdown 从写作到完成，导出格式随心所欲，你可以导出 HTML 格式的文件用来网站发布，也可以十分方便的导出 PDF 格式，这种格式写出的简历更能得到 HR 的好感。甚至可以利用 [CloudApp][] 这种云服务工具直接上传至网页用来分享你的文章，全球最大的轻博客平台 Tumblr，也支持使用 Mou 这类 Markdown 工具进行编辑并直接上传。

### Markdown 官方文档 ###

> 这里可以看到官方的 Markdown 语法规则文档，当然，后文我也会用自己的方式，阐述这些语法在实际使用中的用法。

*  [*创始人 John Gruber 的 Markdown 语法说明*][John Gruber _ Markdown]
 *  [*Markdown 中文版语法说明*][Markdown 1]

### 使用 Markdown 的优点 ###

*  专注你的文字内容而不是排版样式。
 *  轻松的导出 HTML、PDF 和本身的 .md 文件。
 *  纯文本内容，兼容所有的文本编辑器与字处理软件。
 *  可读，直观。适合所有人的写作语言。

### 我该用什么工具？ ###

![Mou icon][]

#### Mac 平台 ####

*  在 Mac OS X 上，我强烈建议你用[Mou][] 这款免费且十分好用的 Markdown 编辑器，它支持实时预览，既左边是你编辑 Markdown 语言，右边会实时的生成预览效果，笔者文章就是 Mou 这款应用写出来的。

![1b2329474f348d95f8a38a68fa98c9c310f71_mw_800_wm_1_wmp_3.jpg][]

其次还有很多同类选择。如果你是个编辑作者，我强烈建议你购买[Ulysses Ⅲ][Ulysses]，这款应用入围了苹果去年 Mac App Store 的*The Best of 2013*，相比 Mou 它支持更多的写作格式、多文档的支持。Mou、iA Writer 这些应用都是基于单文档的管理方式，而 Ulysses Ⅲ 支持 Folder、Filter 的管理，一个 Folder 里面可以创建多个 Sheet，Sheet 之间还可以进行 Combine 处理。

![f43f4d7659397398c499180c22c9855a10f72_mw_800_wm_1_wmp_3.jpg][]

#### Windows、iOS、Web 平台 ####

*  笔者并未使用过 Windows 下的 Markdown 工具，但经朋友介绍，有两款还算不错，一款叫[MarkdownPad][] ，另一款叫[MarkPad][]。
 *  iOS 端已有相当多的 app 支持 Markdown 语法编辑，例如 Drafts、Day One、iA Writer 等。
 *  Web 端上，我强烈推荐 [ 简书][Link 1] 这款产品，上面有无数热爱文字的人在不停的创造、分享。在 Web 端使用 Markdown 没有比简书更舒服的地方了，它同样支持左右两栏的实时预览，字体优雅、简洁。

![4f47235736535ed5932b15bdef64263b10f73_mw_800_wm_1_wmp_3.jpg][]

*  同样是 Web 端，[Draftin][] 这款在线 MD 编辑器也近乎完美。

## 二、Markdown 语法的简要规则 ##

### 标题 ###

![620e64aa6522f5eaeb788a8b5f1faa5c10f74_mw_800_wm_1_wmp_3.jpg][]

标题是每篇文章都需要也是最常用的格式，在 Markdown 中，如果一段文字被定义为标题，只要在这段文字前加`#` 号即可。

`# 一级标题`

`## 二级标题`

`### 三级标题`

以此类推，总共六级标题，建议在井号后加一个空格，这是最标准的 Markdown 语法。

### 列表 ###

熟悉 HTML 的同学肯定知道有序列表与无序列表的区别，在 Markdown 下，列表的显示只需要在文字前加上`-` 或`*` 即可变为无序列表，有序列表则直接在文字前加 `1.` `2.``3.` 符号要和文字之间加上一个字符的空格。

![a72338b96cf4bfc1dacd610756786ae310f75_mw_800_wm_1_wmp_3.jpg][]

### 引用 ###

如果你需要引用一小段别处的句子，那么就要用引用的格式。

`> 例如这样`

只需要在文本前加入 `>` 这种尖括号（大于号）即可

![07bd8bf6fd38ea7d3bffdc3cae04f6f210f76_mw_800_wm_1_wmp_3.jpg][]

### 图片与链接 ###

插入链接与插入图片的语法很像，区别在一个`!`号

插入图片的地址需要图床，这里推荐 [ CloudApp][CloudApp] 的服务，生成URL地址即可。

![f96c892fc63933ab186235f7c910753b10f77_mw_800_wm_1_wmp_3.jpg][]

### 粗体与斜体 ###

Markdown 的粗体和斜体也非常简单，用两个`*` 包含一段文本就是粗体的语法，用一个`*` 包含一段文本就是斜体的语法。

例如：**这里是粗体***这里是斜体*

### 表格 ###

表格是我觉得 Markdown 比较累人的地方，例子如下：

| Tables | Are | Cool |
    | ------------- |:-------------:| -----:|
    | col 3 is | right-aligned | $1600 |
    | col 2 is | centered | $12 |
    | zebra stripes | are neat | $1 |

这种语法生成的表格如下：

<table> 
 <thead> 
  <tr> 
   <th><span style="font-family:Microsoft YaHei; font-size:18px">Tables</span></th> 
   <th align="center"><span style="font-family:Microsoft YaHei; font-size:18px">Are</span></th> 
   <th align="right"><span style="font-family:Microsoft YaHei; font-size:18px">Cool</span></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><span style="font-family:Microsoft YaHei; font-size:18px">col 3 is</span></td> 
   <td align="center"><span style="font-family:Microsoft YaHei; font-size:18px">right-aligned</span></td> 
   <td align="right"><span style="font-family:Microsoft YaHei; font-size:18px">$1600</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:Microsoft YaHei; font-size:18px">col 2 is</span></td> 
   <td align="center"><span style="font-family:Microsoft YaHei; font-size:18px">centered</span></td> 
   <td align="right"><span style="font-family:Microsoft YaHei; font-size:18px">$12</span></td> 
  </tr> 
  <tr> 
   <td><span style="font-family:Microsoft YaHei; font-size:18px">zebra stripes</span></td> 
   <td align="center"><span style="font-family:Microsoft YaHei; font-size:18px">are neat</span></td> 
   <td align="right"><span style="font-family:Microsoft YaHei; font-size:18px">$1</span></td> 
  </tr> 
 </tbody> 
</table>

### 代码框 ###

如果你是个程序猿，需要在文章里优雅的引用代码框，在 Markdown 下实现也非常简单，只需要用两个 \` 把中间的代码包裹起来，如`` `code` ``。图例：

![0135456d6a3c1051f0ed54e37cef070010f78_mw_800_wm_1_wmp_3.jpg][]

使用 `tab` 键即可缩进。

### 分割线 ###

分割线的语法只需要另起一行，连续输入三个星号`***` 即可。

### 小结 ###

到这里，Markdown 的基本语法在日常的使用中基本就没什么大问题了，只要多加练习，配合好用的工具，写起东西来肯定会行云流水。更多的语法规则，其实 Mou 的 Help 文档例子很好，当你第一次使用 Mou 时，就会显示该文档，其次，你也可在撰写过程中，使用`CMD+R` 快捷键来快速打开文档，以随时查阅和学习语法。

![0132cbf286123e999adc67e23a9397fe10f79_mw_800_wm_1_wmp_3.jpg][]

## **三、与 Markdown 相关的一些推荐** ##

### **可配套使用的工具** ###

*  [Droplr][]
 *  [Cloudapp][CloudApp]
 *  [ezShare for Mac][]
 *  [围脖图床修复计划][Link 2]
 *  [马克飞象，专为印象笔记打造的 Markdown 编辑器，非常推荐][Markdown 2]

### **相关文章阅读** ###

*  [为什么作家应该用 Markdown 保存自己的文稿][Markdown 3]
 *  [Markdown 写作浅谈][Markdown 4]
 *  [Markdown 工具补完][Markdown 5]
 *  [Drafts + Scriptogr.am + Dropbox 打造移动端 Markdown 风格博客][Drafts _ Scriptogr.am _ Dropbox _ Markdown]
 *  [图灵社区 - 怎样使用 Markdown][- _ Markdown]
 *  [为什么我们要学习 Markdown 的三个理由][Markdown 6]
 *  [Markdown 语法写作入门指南 by ibuick][Markdown _ by ibuick]

[http_sspai.com_25137]: http://sspai.com/25137
[http_www.itit123.cn]: http://www.itit123.cn/
[Markdown]: http://zh.wikipedia.org/wiki/Markdown
[Link 1]: http://jianshu.io
[CloudApp]: http://www.getcloudapp.com
[John Gruber _ Markdown]: http://daringfireball.net/projects/markdown/syntax
[Markdown 1]: http://wowubuntu.com/markdown/#list
[Mou icon]: /images/20220731/50829e36022a4242b738ab34fb15b9f2.png
[Mou]: http://mouapp.com
[1b2329474f348d95f8a38a68fa98c9c310f71_mw_800_wm_1_wmp_3.jpg]: /images/20220731/008569242bd645f08539d494260f6b35.png
[Ulysses]: http://www.ulyssesapp.com
[f43f4d7659397398c499180c22c9855a10f72_mw_800_wm_1_wmp_3.jpg]: /images/20220731/b3f7043c85034451afed720adfaaaf71.png
[MarkdownPad]: http://www.markdownpad.com
[MarkPad]: http://code52.org/DownmarkerWPF/
[4f47235736535ed5932b15bdef64263b10f73_mw_800_wm_1_wmp_3.jpg]: /images/20220731/702d78eb00944311a64798290c654906.png
[Draftin]: https://draftin.com
[620e64aa6522f5eaeb788a8b5f1faa5c10f74_mw_800_wm_1_wmp_3.jpg]: /images/20220731/ea6170ebb25d4492835fb5af1844662f.png
[a72338b96cf4bfc1dacd610756786ae310f75_mw_800_wm_1_wmp_3.jpg]: /images/20220731/25f9d3f0abd04d75bbda49d2762a117f.png
[07bd8bf6fd38ea7d3bffdc3cae04f6f210f76_mw_800_wm_1_wmp_3.jpg]: /images/20220731/21788729e39749a8be32aa12d9c51a97.png
[f96c892fc63933ab186235f7c910753b10f77_mw_800_wm_1_wmp_3.jpg]: /images/20220731/69ed2570f583417faf1b4661cca9daeb.png
[0135456d6a3c1051f0ed54e37cef070010f78_mw_800_wm_1_wmp_3.jpg]: /images/20220731/640aa8d9b7814acfb898471620096649.png
[0132cbf286123e999adc67e23a9397fe10f79_mw_800_wm_1_wmp_3.jpg]: /images/20220731/95baa1753bba48f7b87c17c60a3f8736.png
[Droplr]: http://droplr.com
[ezShare for Mac]: https://itunes.apple.com/cn/app/yi-xiang/id672522335?mt=12&uo=4&uo=4&at=10lJSw
[Link 2]: http://weibotuchuang.sinaapp.com
[Markdown 2]: http://maxiang.info
[Markdown 3]: http://apple4us.com/2012/02/why-writers-should-use-markdown.html
[Markdown 4]: http://www.yangzhiping.com/tech/r-markdown-knitr.html
[Markdown 5]: http://www.appinn.com/markdown-tools/
[Drafts _ Scriptogr.am _ Dropbox _ Markdown]: http://jianshu.io/p/63HYZ6
[- _ Markdown]: http://www.ituring.com.cn/article/23
[Markdown 6]: http://news.cnblogs.com/n/139649/
[Markdown _ by ibuick]: http://ibuick.me/?p=4093