认识Markdown——网络写手的创作神器

作者:猿教授

0 - 前话

随着简书的流行,开博撰文、码字著作风潮日盛,越来越多的同学在微信和QQ群@Mr_Professor问:

  • Markdown是何神器?难不难学、 好不好用?
  • 一手好逼格的邮件,是怎样写成的?

而我——Mr_Professor本人,在简书上泡废了不少光阴,喝过很多鸡汤,也啃过很多干货,却没有真正静下心来产出过一页文字。

所以,今天强忍懒癌整理的此篇,便是出于这两个意图:

  • 给同学们一个交代,算是不负热情和信任,但愿能喜欢。
  • 给自己一个了断,往日怠惰便从今日死,来日勤奋即从今日生,还望多鼓励。致谢!

1 - Markdown?

Markdown的目标是实现「易读易写」。

Markdown是什么?

它是网络写手创作的神兵利刃。由亚伦·斯沃茨(Aaron Swartz)和约翰·格鲁伯(John Gruber)设计的轻量级「标记语言」,使用这种标记语言撰写的文本,能被转换为HTML在Web上发布,并以结构化的效果展现。

它简单易用。相较于Word、Pages等文本工具,省去了大量的排版和字体样式设置;相较于HTML,语法更加轻便,常用语法不超过10种。

它备受青睐。除了极客的赞誉,各大网文社区、博客论坛的明星大V与文艺青年也纷纷追捧;除了简书、wordpress、farbox、logdown、Ghost、Jekyll、gitblog……等,一众博客工具,锤子便签和有道云笔记也相继支持。

当然,真正选择Markdown的理由并不复杂,无非就是:

  • 无门槛低成本,可以快速上手。
  • 减少鼠标使用,几乎纯键盘操作。
  • 关心文字内容,忘掉格式干扰。
  • 没错,最主要是——装逼!

2 - Markdown编辑器

君子性非异,善假于物。

虽然,在任何文本编辑器上都可以使用Markdown写作,但这并不是提倡的做法。所谓“工欲事,先利器”,顺手的工具让你事半功倍。
以下推荐综合了界面友好、预览方便、导出轻松等因素的考量,算是初识Markdown的不二之选。


3 - Markdown语法

Markdown语法的目标是:成为一种适用于网络的书写语言。

3.1 语法属性

动手之前,先看看语法属性。

  • 英文输入法:Markdown语法的标记符号(语法标记)必须为英文输入。
  • 作用域:作用域是一条语法标记的作用范围,常见为:行、段、区间。
    • :回车换行(行以回车结尾)。
    • :与以往回车换行另起一段的经验不同,段落之间由空行隔开(段以空行结尾)。
    • 区间:有些语法标记与( )一样,是成对儿出现的,如:\ ` * *等,它们的作用域是符号所包围起来的一个区间。在 `if(true);` 中,作用域为if(true);`。
      注:区间可以是一行中的一部分,也可以是一段中的某几行,但是不可以跨越段落,也就是区间中不能存在空行。
  • 语法位置:位置是相对于作用域而言的,常见为:前置后置端置。特定的符号只有在恰当的位置,以恰当的格式出现才被认为是语法标记,否则识别为普通字符。
    • 前置:语法标记写在作用域之前。
    • 后置:语法标记写在作用域之后。
    • 端置:语法标记写在作用域两端。
  • 语法方向:方向和位置对应,一般前置语法为后向、后置语法为前向、端置语法对向。
    • 前向:语法标记对紧接其前的作用域有效
    • 后向:语法标记对紧随其后的作用域有效。
    • 对向:语法标记对其包围的区间有效。

3.2 常用语法

3.2.1 标题
  • 语法标记:#(#号+空格)
    作用域:行
    语法位置:前置(同行前置,写在目标文字开头)
    语法方向:后向
    解说**:#支持6个级别的标题,#号的数量代表标题的级别。
图1-1. 6级标题
  • 语法标记:=-(等号、减号)
    作用域:行
    语法位置:后置(写在目标文字下方,类似给文字加底线)
    语法方向:前向(对前一行内容有效)
    解说:=-支持2个级别的标题,=标记一级标题,-标记二级标题。原则上符号数量不限,但各编辑器支持方式略有差异。
    后置语法在Markdown中并不常用,所以,这种标记方式了解即可。
图1-2. 2级标题
3.2.2 分割线
  • 语法标记:***---___(3个星号、减号、底线)
    作用域:行(空行)
    语法位置:前置(写在空行行首)
    语法方向:后向
    解说:***---___将一个空行标记为分割线,一般分割线前后也会各留一个空行。
    华丽的分割线是部分写手的钟爱,不用也无损大雅,各取所需吧。
图2. 两种分割线写法
3.2.3 列表
  • 标记符号(有序列表):1.(序号数字+点号+空格)
    标记符号(无序列表):*+-(注意空格符号后面有空格)
    作用域:行
    语法位置:前置
    语法方向:后向
    解说:列表有有序和无序之分。
    --有序列表,在逻辑顺序上具有先后关系。
    --无序列表,条目之间只做横向比较或罗列。
    另,结合Tab缩进可实现列表的嵌套,比如在一个条目下还有3个子条目,则3个子条目仍然可以写成低一级别的列表。
    合理运用列表,文章逻辑条理更清晰,结构层次更分明。
图3. 两种列表形式
3.2.4 引用
  • 标记符号:>(大于号+空格)
    作用域:段
    语法位置:前置(添加在段首,第一行之前)
    语法方向:后向
    解说:在需要引用的段落前加上">"和空格,如:> 光明源于黑暗,黑暗涌现光明
    引用也可以嵌套。
    另外,也有同学给标题添加引用标记,展现效果同样出色。
图4. 引用
3.2.5 链接
  • 语法符号:[]()([ ]中放锚文本,()中放链接地址)
    如: [简书](http://jianshu.com)
    作用域:区间(锚文本)
    语法位置:端置
    语法方向:对向
    解说:根据不同使用场景,文字链接有内联和引用两种方式。
    --内联方式,满足一般使用需求,直观方便,即用即写。
    --引用方式,适合添加多个网址的文章,可以避免在正文中出现大量网址,保持编辑可读性;也适合同一网址多处引用,当网址有改动或修改时,只需修改列表即可,无需逐个修改,类似宏定义。
图5. 文字链接
3.2.6 图片
  • 语法符号:[图片上传失败...(image-760bd9-1511255360560)]中放图片链接) 如:
    图6.图片
    `
    作用域:无(插入性语法,无作用域)
    语法位置:不限
    语法方向:无(插入性语法,无方向性)
    解说:江湖传言“字不如表,表不如图”、“一图胜千文”、“无图无真相”云云,图片重要性不言自寓,然而缺少好的图床,完美的语法没有完美的解决方案,一样是没有什么卵用。
    当然,在简书上写作非常省心,图片处理就是直接拖进编辑区,这一点真的很贴心。
    与文字链相同,图片也有内联引用两种方式。
图6. 图片链接
3.2.7 强调
  • 语法标记:* *_ _(星号对或底线对)
    作用域:区间
    语法位置:端置
    语法方向:对向
    解说:强调有3种形式,分别为:单星对* *斜体强调、双星对** **加粗强调、三星对*** ***斜体加粗强调。
图7. 强调
3.2.8 脚注
  • 语法标记:[^1]+[^1]:注释内容[^1]是角标,[^1]:注释内容是对应的注释列表,必须一一对应)
    作用域:无(插入性语法,无作用域)
    语法位置:注释点(一般插入在需注释词汇的后面)
    语法方向:无(插入性语法,无方向性)
    解说:写文章时,不可避免要用到读者陌生的词汇或典故,就地解释会把文风带偏,不作说明显然治学不严,脚注为此而生。
图8. 脚注
3.2.9 代码
  • 语法标记:两个`` 好(和波浪号在同一按键上)
    作用域:行
    语法位置:端置
    语法方向:对向
    解说:对程序猿(媛)同学来说,要在文章中插入一段代码,怎么办?

代码行:在代码行收尾加上`号对,即可以实现代码行效果;

cout<<"hello world!"<<endl;

代码区:在代码区前一行和后一行写```(占一行)也可以简便地实现区块效果。

void main()
 {
    cout<<"hello world!"<<endl;
 }
图9. 代码
3.2.10 表格
  • 语法标记:|-:组合
    作用域:段、区间
    语法位置:组合型
    语法方向:组合型
    解说:表格在Markdown语法中真是个鸡肋,如果非用不可倒也无妨。
    --||之间形成单元格。
    --第一行为表头,内容默认加粗居中。
    --第二行-组合,标记本列单元格对齐方式。无:号,为默认左对齐;两端:为居中;左、右其中一端:向该侧对齐。
    --其余行为普通单元格。
    注意:(1)第二行不可省略,否则语法不完整;(2)表格必须为整段,中间不能有空行。
| 表头    | 表头    | 表头   | 
| ------- |:-------:| -----: |
|      11 |12       |13      |
|      21 |22       |23      |
|      31 |32       |33      |
|      41 |42       |43      |
图10.表格

4 - 高逼格邮件

你有一封漂亮的新邮件!

掌握语法后,秀一下Markdown的高逼格,写一封漂亮的电子邮件吧!

  • 安装浏览器:Chrome、FireFox、QQ浏览器(其实QQ浏览器上的插件也很好用,体验一下就指导)。
  • 安装插件:MarkdownHere(这个不必多说了吧,需爬墙没梯子、不知道怎么安装,请留言联系我)。
  • 登陆WEB邮件系统,进入写邮件。
  • 在邮件编辑区,按Markdown语法编写邮件内容。
  • 点击浏览器右上MarkdownHere插件图标,可在编辑状态和发布效果之间来回切换。
图11. Markdown Here插件图标
  • 效果满意,发送!

5 - 后话

絮絮叨叨写了很多,如果你看到这里……
谢谢你!读完此文。
恭喜你!认识了Markdown,你不会后悔。

要真正体验Markdown的轻盈优雅,还需要在写作中练习。相信我,网络上所谓5分钟,甚者1分钟学会Markdown的说法都是吹牛逼。

另外,Markdown并不是一个完全标准化的语法体系,不同编辑器会略有差异,甚至有专属的扩展语法,这都不足为奇。毕竟,Markdown的目标是实现「易读易写」,作为一种思想和精神远高于它是一种工具的属性。


致敬Markdown发明人

John Gruber(born 1973)

Aaron Hillel Swartz(November 8, 1986– January 11, 2013)

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

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 有幸认识简书。 第一篇文章,竟一时不知道写些什么。 早上看娱乐新闻,吴佩慈四年生三胎。 看到标题,心中一阵酸楚。 ...
    小宇宙_6d70阅读 388评论 0 1
  • 每个文艺青年的心中都有一个很纯粹的梦想——开间小小的咖啡馆。 只为自己和爱的人开放。它是自我的、安静的 卸下忙碌的...
    二菇凉异想记阅读 262评论 0 1
  • 在android开发中,监听button的点击事件有四种方法。 1:使用匿名内部类: 2:自定义单击事件监听类(继...
    mesen_liu阅读 774评论 0 2
  • 国庆回老家,妈妈给我做了一大盆香辣蟹。用最辣的干辣椒,老姜,蒜,香叶,青蒜烹制的。每顿用一个酒精火锅做个干锅。我一...
    不一格211阅读 621评论 0 2