无文亦有范书房就是我的全世界工具

{ Markdown } 文艺又撩人，带你装来带你飞！

2016-05-13  本文已影响1849人  读饭

男同学对女票有什么要求？上得厅堂，下得厨房！
女同学对男票的要求呢？上马能战，下马能治！
码字的你对编辑器的苛刻要求呢？简洁！高效！美观！得体！

爱情虽然神秘莫测，讲缘分讲经营，论万言而不得其实，讲千篇而陷于偏见。但一个文艺又撩人的编辑器可以有：轻标记语言Markdown。由 John Gruber 于 2004 年开发的一种轻量级标记语言，它允许人们 “使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML 文档”。

因为简单易用的特点，目前 Markdown 已经被广泛运用在各种网站上，像最流行的博客平台 WordPress 和许多大型 CMS 都能很好的支持它。如果你用简书，那么恭喜，她也支持Markdown编辑器。即使平台不支持，也可在编辑后copy到html输入。

跟着此文，带你和她一起Happy的，希望不久的将来，你和她能够Happy ever after。妈妈再也不用听你吐槽码字时的猪队友了：

说出来都是泪啊，此文读罢，包学包会至高绝学三套：

  1. 想写就写，不用编辑格式！
  2. 想发谁就发谁，不同平台文章不用调整！
  3. 高效编辑，剩下时间又能装，撩妹必备！
////// 循序渐进，一天一项，一周时间，新技能Get! ：

【第一部分】想来一场说走就走的旅行，先和Markdown来一场奋不顾身的爱情！

////// Markdown是个什么鬼：

本文主角Markdown隆重登场，相比大部分所见即所得的文本编辑器（office，blog后台，邮件），Markdown是一种轻量级标记语言，由 John Gruber 于 2004 年开发。可以想象成是精简格式的html（就是网页编码）的格式化工具。之所以这么屌炸天，是因为他在你写作的时候，内容和格式进是分隔开的，作者不用再（或者减少）考虑格式，更专心在内容的产出。不再管各种段落，加黑，列表和分级标题的样式，只要在书写时候定义了，在展现时自动生成，妈妈再也不用担心强迫症的我一行一行的改字体和调整列表级别了。

////// Markdown怎么工作的：

Markdown是一种输入方式，他使用特殊的格式规定输入和输出之间的关系。格式简单明了，既没有Word和网页编辑器的复杂，有兼顾写作的需求。而且由于有众多的工具和支持，和左右对称所见即所得的编辑界面的支持，非常适合文字输入的方式。

【第二部分】 Markdown怎么使用？

Markdown的使用其实就是一个字，敲，敲，敲！只要平台或软件支持，敲敲敲就行了！
以下将会按照4个部分逐步展示，并附图。为了便于记忆，按照扑克牌从A到K加上Joker，一共4个部分，14个常用功能。另更新了3个附加功能，基本涵盖了日常所需：

////// 【Part1：大纲编辑】Joker、K、Q、J

[Joker] 我是Joker，这个世界是我的
使用方法：在内容前面加‘#’。这行是扑克里Joker，是title级别的格式，是最大的boss，超脱世外，相当于一个世界的神。 对应的html级别为H1。

[K] 我是King，国王在此，速来觐见
使用方法：在内容前面加‘##’。这是扑克里的K了，是chapter级别的格式，相当于是不同内容的大段落划分，相当于一个国家的王。 对应的html级别为H2。

[Q] 我是Queen，女王驾到，拜倒在我的石榴裙下吧
使用方法：在内容前面加‘###’。这是扑克里的Q了，是section级别的格式，相当于相关内容的小拨段落划分，一个国家的皇后。当然，从使用和逻辑上来讲，应该指的是所有女眷，因为在每一个king下面都可以对应多个queen。对应的html级别为H3。

[J] 我是Jack，王国第一勇士，这个王国我来保护
使用方法：在内容前面加‘####’。这是扑克里的Jack，是paragraph级别的格式，相当于相关内容单独段落划分，忠心耿耿的卫兵。当然，从使用和逻辑上来讲，也是次级多对应关系。 对应的html级别为H4。

Part1 编辑与预览对比

小结：以上为大纲级别的4个格式，一般来讲#只用在开头标题，如果是blog这种单独输入title的平台，#一般在全文不出现。之后我们的国王们##就当作了章节划分出现了，一般出现几次就够了；接下来是我们各个国王下面的皇后们###；最后是我们的卫兵们####，但限于现有大多数平台都对h4没有特殊的格式定义，一般就是比h3字体小一点，使用的次数也不太多。由于html和各种变体都不支持复杂列表，要想在类似所见即所得的输入端输入长文档并错落有致，只能靠区分良好的大纲级别搞定。

////// 【Part2：区块编辑】A、2、3、4

[A] 扑克A：分隔符

使用方法：在单独一行上输入‘---’。 分隔符，是很常见的一种格式，---回车会自动转换为一条html中从左到右的横线。由于有些平台的#，##，###具体格式不同，我们可以手动添加分割线，比如作为正文和链接，正文和参考资料的隔断。

[2] 扑克2：引用

使用方法：在单独一行首字母输入‘>空格’。经常用于引用，摘抄，也可以是总结和重点。由于会正常会行，在文字输入时使用频率很高（相比代码来讲）

[3] 扑克3：代码高亮

使用方法：在一行的开头单击键盘tab（缩进）。自动高亮代码，由于不会自动换行(为了方便代码的复制和认读，就是这样的，不是bug。超出屏幕宽度会在下面出现滑动块。文字如果用这种格式，放目录或者诗会好一点。

[4] 扑克4：图片输入
使用方法：[《众病之王：癌症传》科学家100年都没研究明白，你个偏方能？] (http://www.jianshu.com/p/6d2eb2038e0f)

[ ]内是显示的图片名称；（）内是链接，如果是本地图片的话，将图片拖到编辑器后会自动上传并生成此处链接。 如果图片来自网上的话，链接不用更改就可以在多个平台发布（图床服务的价值），如果是本地的话就需要拖拽了（比如简书的编辑器，而且如上面小括弧里的链接，简书增加了默认转换，请排版时注意）。[]中的名字可以自己修改，默认是图片的文件名。

![Part2 编辑与预览对比]](http://upload-images.jianshu.io/upload_images/1605072-cf6fdecc84c49859.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

小结：分隔符和引用这两种是比较常见的。代码的话如果不是IT汪使用的不多。但是由于引用在不同CSS样式表（即不同平台的展示样式）可能相差较多。在输入文档较短的时候可以考虑使用代码框。

/////// 【Part3：列表编辑】5、6、7

[5] 扑克5：无序列表
使用方法：在段落前面加‘-空格’。可以多级，每级别使用tab缩进

[6] 扑克6：有序列表
使用方法：在段落前面加‘1.空格’。可以多级，每级别使用tab缩进。注意可以全部加1.；也可以按照顺序来1.2.3.；甚至可以乱来，代码会自动调整

[7] 扑克7：表格
使用方法：在最前面加‘|’，之后按照顺序写内容，每写完一个格，加‘|’表示完成。之后enter到下一行继续。这14张中最复杂的，这部分不做格式演示，想用的话自己看截图，可以设置对齐方式，真相全部在图里面。

Part3 编辑与预览对比

小结：相对于有序列表，我更喜欢用无序列表。一来不用强迫症的去看着一堆1.1.1.别扭，另外象厂的有序列表回车会自己变化。列表输入比较复杂，能用list就不要使用。

////// 【Part4：行内编辑】：8、9、10

[8] 扑克8：加黑
使用方法：在要加黑的文字前面和后面各加两个下划线。只有前面或者后面不会闭合，需在同一段落里。**注意加黑还有一种语法是 ，在中文环境下，这个更方便。因为不用切换输入法。

[9] 扑克9：斜体
使用方法：在要加黑的文字前面和后面各加两个下划线

[10] 扑克10：链接

使用方法：[显示的名字] (http://www.jianshu.com）
[ ] 内的文字可以随便指定。与引用图片相比，就差在了前面那个叹号。

Part4 编辑与预览对比

小结：链接和图片其实格式是一样的，只是图片前面多了个！，另外这两个元素使用的时候，前面的中括号中是可以改名字的，尤其是图片，就不用那个傻傻的图片名称了（居然还带后缀，，，）。如果大量使用加黑的话，建议使用markdown的软件，有快捷键，效率更高。不用前后敲下划线了。

Part4 编辑与预览对比
////// 【Part-Plus：加强格式】基于扩展的Markdown语法，各平台支持不同需自行测试

[表格，简书支持]
使用方法：Markdown可以通过“|”进行分割编辑表格的：总体来讲就是在表格的竖线处增加“|”，第一行是表头；第二行是对齐；第三行之后是内容。需要注意：使用表格时候要考虑到手机阅读体验，如下截图虽然Web版看着不错，但在手机端体验不好：

表格-编辑与预览对比

[删除线，简书支持]
使用方法：使用“~”在前后包住需要删除的文字，虽然用处不多，但用到的时候还是很方便，比如说有的同学更新时喜欢保留以前的“尸体~”：

删除线-编辑与预览对比

[排除符号，简书支持]
使用方法：这么多字符Markdown都有用，那我想输出这些符号的时候怎么办呢？在前面加个\就可以了，直接上图：

排除符号-编辑与预览对比

[CheckBox，简书不支持]
除了自定义css之外，最希望简书支持的格式。让列表瞬间高大上了有没有，使用方式如图左边所示，直接看图：

CheckBox-编辑与预览对比

[下划线，简书支持]
直接在需要下划线的文字前面输入< u > 后面输入 < /u >，中间没有空格。
效果：<u>需要下划线的文字</u>
实际上是调用html inline，可惜简书还未支持居中。

本部分小结：由于各平台不同的样式表和系统的对markdown的处理（有时候会出现奇怪的样子）。请大家自行实验并找到适合自己的编辑器和样式习惯。本文中的14种样式涵盖了Markdown标准版的所有内容，如需更加详细的文档和增强版（比如说公式、流程图）请参考后面的其他链接。

【第三部分：Markdown软件】以Win和Web为主，必有一款适合你！

关于是否选用收费软件的问题，建议一来选择有web同步服务的；二来看具体习惯与环境；三来慢慢确定了适应了再买。比如我的节点是，markdown编辑100篇文章后入马克飞象，因为象厂中毒颇深，没得选。

  1. 马克飞象（收费）：win版和网页版都有，左右对应（编辑区和预览区），同步滚动。试用10天后要收费。可以将md编辑后的文档存到象厂里。适合md+象厂重度使用者，79一年。

  2. 作业部落（收费）：同马克飞象，免费版存档后会公开你的文档，99一年。

  3. MarkdownPad（免费、收费）：win下免费的首选。免费版可以满足文字编辑需求。win10右面总无法渲染。经测试，可以安装个sdk解决。收费版的好处之一是可自动将图片上传到图床。

  4. 还试过一些在线的和浏览器扩展的方案，有好有坏。但考虑到文件的保存，免费的还是推荐MarkdownPad。

  5. Sublime Text（免费、收费）：比较Geek的选择，可以通过插件和象厂同步。但配置和Trouble Shooting比较复杂。非Gedk或编程人员会比较麻烦。

  6. markable.in：https://markable.in/ 比较强大的Web编辑工具，界面简洁，功能强大。付截图，大部分本部分软件截图与此相似：

  7. 简书Web编辑器和手机编辑器也不错，经测试，细节汇报如下：

    • 在任何#级别之后增加---,在#和---之间的文字都会继承#的规则，为head格式。可以增加一行回车解决。
    • 任何地方tab tab进入代码框，注意代码框不会换行。要考虑在手机上的阅读体验。
    • 引用>之后会默认全部是，除非使用enter断开一行。虽然可以使用偷懒模式，为了标准化和以后可能的转移，还是建议全部加上>，而且从个人习惯来讲，段之间增加回车更易读。
    • 目前不支持自定义css样式表。
    • 引用后面第一级 - ，无论怎样tab缩进，都是最高级别的。因为这是一个新的代码段落。
////// 彩蛋：特殊字符

其实用来做区分的除了各种格式外，还可以直接上各种符号的组合，比如我现在的二级目录就喜欢////////////作为开头，都看到这里了，乖乖供出彩蛋：以下的字符都可以在txt中使用，也就是说，可以在文中随意使用增加层次感和新鲜程度

①②③④⑤⑥⑦⑧⑨⑩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩ㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩
·∶∴∵∷⊙∫∮∝∞∧∨％‰℅°℃℉
━ ┅ ┉│┃┆┇┊┋△▽○◇□☆▲▼●◆■★☉⊕Θ¤⊿▁ ▂ ▃ ▄ ▅ ▆ ▇ █℡ ㊣
↖↑↗←→↙↓↘〓▓≡※∷◤◥◣◢
┌┬┐┏┳┓╔╦╗╭─╮
├┼┤┣╋┫╠╬╣│╳│
└┴┘┗┻┛╚╩╝╰─╯

////// 写在最后

Markdown是个使用起来很方便的工具，因为他在输入的文字和输出的格式中间做了很好的协调。
长期写作的孩子来讲，如果对现有工具有些不便，或者想投入一点时间使用新的工具，都鼓励尝试一下：

  1. 工具要求低：熟悉之后，即使用txt也能写。同时有很多免费工具。
  2. 技能半衰期短：很多平台都直接支持Markdown标准格式，并会增加一些扩展格式。使用面会越来越广泛。
  3. 投入产出拐点低：对于一个工具来讲，从投入时间和提高的效率来讲，时间回收比较快。

自从3个月之前开始正式使用Markdown，目前写文20多篇，逐渐形成了自己的习惯。在输入增加负担很少，但在排版阶段节省了不少时间。目前我用的的工具全部免费：（1）象厂做初稿+笔记删编；（2）象厂存原图，并用Irfan View做图像编辑；（3）MarkdownPad进行格式编辑，增加加黑，小结等细节；（4）终稿存为md文件，提交简书，贴图，发布，检查，推荐；（5）象厂增加md文件作为附件，笔记归档，完成。

由于目前只在简书发文，没有同发微信，希望同时发文游泳Markdown的同学冒泡分享一下。祝大家使用Markdown愉快！

扩展阅读：

更新说明：

上一篇下一篇

猜你喜欢

热点阅读