{ Markdown } 文艺又撩人,带你装来带你飞!

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

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

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

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

  • Word太大了,格式还不互相兼容,什么,忘copy了?
  • 还没保存,没保存,给老子死机!
  • 我这文章从这个平台,迁移到下个平台,怎么变得这么丑!
  • 听说要改html,是什么鬼,how to m l?
  • 宏病毒?!!!
  • 格式怎么这样了?

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

  1. 想写就写,不用编辑格式!
  2. 想发谁就发谁,不同平台文章不用调整!
  3. 高效编辑,剩下时间又能装,撩妹必备!
////// 循序渐进,一天一项,一周时间,新技能Get! :
  • Step1:阅读本文:30分钟,读到这里,已经完成10分钟了;
  • Step2:熟悉环境:30分钟,简书的话10分钟。Web端和手机客户端都可以在设置里打开markdown编辑模式;
  • Step3:上手试用:60分钟,边敲码边看效果
  • Step4:使用过渡期:60分钟*2天,在用中学,可根据文底链接及搜索扩展阅读,更全面理解,大概2个小时的使用时间后就适应了

【第一部分】想来一场说走就走的旅行,先和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.inhttps://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愉快!

扩展阅读:

更新说明:

  • 20160514
    • 修改part4格式
    • 更新part4小结
    • 增加软件选择列表前的个人选择原则
  • 20160704
    • 更新Markdown附加格式4个
    • 更新整体描述
    • 增加彩蛋,附加txt符号
    • 更新简书的相关描述
    • 删除code的提示格式,提高可读性
    • 更新个人工具总结
    • 增加扩展阅读1条
    • 增加markable.in截图
  • 20160707
    • 增加下划线的说明
    • txt特殊字符去掉加黑,copy就可使用
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容