美文网首页写作技巧get√APP
认识Markdown——网络写手的创作神器

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

作者: 大苍狗 | 来源:发表于2016-06-29 15:49 被阅读10434次

    作者:猿教授

    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)

    相关文章

      网友评论

      • 473adb896067:文末配上我这篇专门提高阅读体验的文章更佳
        请指正http://www.jianshu.com/p/3904d4306464
      • 学徒郑青春:感谢感谢,这是纯干货啊,谢谢兄弟无私奉献,已打赏
        大苍狗:太客气了,对你有用就好,祝写作顺利!
        大苍狗:肯花时间来读,已经是莫大的肯定;又花钱破费,(握手言谢)祝写作愉快!
      • 30793554a1b7:这个写博客或者论坛也会有同样的效果吗
        大苍狗:@花蕊的小小欣 得看一下博客或论坛支不支持markdown…… :relaxed:
      • Hey_大晨:好东西
        大苍狗:@沐剑晨_ 谢谢喜欢!
      • aa23e3e6cffa:写的非常不错,先点个赞!

        不过,在插入代码那里,多行代码的方式,使用缩进进行插入貌似不太好。

        不是应该使用

        ```java

        public class HelloMarkdown {

        }

        ```

        这种方式么?

        这种会比较好,我感觉。
        大苍狗:@aa23e3e6cffa 收到,谢谢建议! :+1:
      • 我想呵呵呵呵呵:可以,很强势 :smile:
      • 浮婴:用markdown码字就是从你这里学习的,谢谢
        大苍狗:@六神浮婴 很高兴对你有用 :+1:
      • d1364d3fec13:是所见markdown最详细一篇介绍,非常感谢
      • 安雅敏敏:好棒!作者可知道怎样用Markdown 在简书插入那种会跳动的分割符?
        大苍狗:@Anya敏敏 是说公众号文章中常见的那种动态的分割线么?这种的话,其实是插入了一张gif图片,Markdown本身没有这种语法的。
      • AceTan:不错。
        大苍狗:@AceTan 谢谢! :+1:
      • 六十度冰:正需要呢,总结的真好
      • bruce_zhou:还有一点是忘了说,MD还兼容HTML
        大苍狗:@bruce_zhou 谢谢提醒 :+1: 。本文确实很入门,所以没有说HTML兼容,也导致好多同学问道怎么添加视频之类的问题……
      • 微小码:推荐马克飞象+evernote 666
        大苍狗: @专注APP开发 谢谢推荐,这个组合确实非棒
      • dudycoco:markdownpad太垃圾了,一般像sb这样的有插件支持爽得多
        大苍狗:@dudycoco 是的,markdownpad入门简单一点,sb更专业,有插件可以更加个性化
      • b9a860a4d173:不错好东西!
        大苍狗:@不会抓鱼的猫 谢谢!
      • 8092dde5276a:好东西,感谢分享
        大苍狗:@赵小赵David :blush:
      • 5712de36f442:准备入坑
        大苍狗:@顺便管管世界和平 欢迎欢迎 :smiley:
      • Ellips:挺好
        大苍狗:@Ellips 谢谢!
      • luke_ron:MD写起来真的很方便,记笔记超赞。个人觉得唯一美中不足的就是语法还是有些差异,没有一个正规统一的标准,在不同编译器的显示上有些问题,移动端书写也不是很方便。阅读起来真的只能用一个爽来说了!文章写的很好!
        大苍狗: @luke_ron 是的,标准化确实是个缺点,也有人说是特色,发明人John Grube也r说没必要,😄
      • 07f4744623e3:感觉很麻烦诶
        07f4744623e3:@Mr_Professor 好的
        大苍狗:@對酒当歌 针对web书写的,相较html语法就算简单至极了,如果是离线书写的话没有必要
      • 梦南墙:谢谢,很有用
        大苍狗:@望天小猕猴 谢谢…… :+1:
      • 百伊公卿:只是很羡慕那些玩程序,写程序的人,在我的感觉中总是那样的高大上,so love!
        大苍狗:@百伊公卿 :smile: 其实,都是“不明觉厉”,只要喜欢,只要投入专注和热情,谁都可以是程序猿(媛),so easy! :stuck_out_tongue_winking_eye:
      • 城南C梦:诚意之作,好评!
        大苍狗:@城南C梦 谢好评 :smile:
      • 茶茶苏:简书现在的确有点浮躁
        大苍狗:@mikylin : :grin:
      • 高梵梵高:http://www.jianshu.com/p/d93ca8b61355 我开发的markdown同步工具 主要解决多平台同步问题,欢迎试用
      • 1359bdfefe6b:我觉得markdown没什么用,最多装逼用而已,插个图片,还要在线图片,弄个表格还这么蛋疼,只适合写写纯文本,那还不如直接在印象笔记里写写,还能所有平台同步呢!markdown行吗?
        送不出的平安果:@Mr_Professor 对啊,不要一味拒绝嘛,存在总有它的原因。
        大苍狗:@lengfanwei :smile: 有道理,不过作为工具来说没有一款工具能适用于所有的场景,所以只能各取所需了……
      • Sungkyu:MD编辑器找了很久,试用一下
        大苍狗:@灰小某SungKyu :+1:
      • a553bb57f5b2:感谢分享
        大苍狗:@低头赶路 :不客气smiley:
      • 39d994d074e5:小书匠值得拥有
        大苍狗:@darkerlm 值得拥有 :+1:
      • KunMinX:Android平台我还是自荐一下【舒心录】,简洁明快的Markdown编辑与切换预览~
        http://www.wandoujia.com/apps/com.myatejx.sakernote
      • 小蕾博士:不知道是不是用word习惯了,用了一次markdown,感觉很不习惯~估计是文档编辑过长,要是短点的文章体验较佳
        小蕾博士:@Mr_Professor 手机端显示效果不错
        大苍狗:@小蕾博士 对的,有这方面原因。另外可能是使用场景的差异吧,如果是写网文的,个人感觉用Markdown展现效果还是相对好一点
      • 风里芥子:mark
        大苍狗:@风里芥子 :+1:
      • 88ab064f2b6f:感觉很厉害的样子
        大苍狗:@ELEVEN999 哈哈,一试便知
      • 言氓:刚好想学习就看到了,天意^_^
        大苍狗:@建骥寒梅 真棒 :+1: 相互学习
      • soul11201:其实顺便可以推销一下关于 Aaron Hillel Swartz 的那部纪录片
        soul11201:@Mr_Professor 是个不错的选材, :smile: 要是要写出点新东西,难了。。。 :smiley:
        大苍狗:@y11201 要不要下一篇写 Aaron Hillel Swartz :smile:
      • 文彦2018:请问,如何插入图片、视频什么的。
        我只会排版。。
        大苍狗:@yan18911 不客气啦 :blush:
        文彦2018:@Mr_Professor 原来如此,多谢。
        大苍狗: @yan18911 插入图片语法:![图片说明](图片外链),插入视频不是markdown语法,要借助HTML的视频标签
      • 繁著: :+1: 代码区块还可以用在代码前后用“```”包围起来,第一个“```”后面可以紧跟代码语言,比如:
        ```c
        void main()
        {
        cout<<"hello world!"<<endl;
        }
        ```
        大苍狗:@繁著 多谢指点哈 :+1:
      • Soul姑娘:喜欢,研究研究
        大苍狗:@Soul姑娘 :yum:
      • zzzhan:http://md.shapefly.com
        Markdown Notes 这个怎么样?
      • 白画端:很详细!马一个.
        大苍狗:@白画端 :smile:
      • 花小蓉:mark
        大苍狗:@花小蓉 :+1:
      • xiao小马哥:受教了!
        大苍狗:@Carry笑 相互学习……
      • _Josh:小伙子咋去的这么早
        大苍狗:@饥人谷_Josh 黑了JSTOR 论文数据库,政府施压,自杀
      • Miya米娅妹妹:很棒
        大苍狗:@冥幽ANKHER 谢谢~ :blush:
      • 追疯的胖纸:感谢
        大苍狗:@追疯的胖纸 对您有用就好 :blush:
      • 彭浩s:写得详细,绝对是新手级入门教程。Markdown 的多数用法都知道,还是从这篇文章学到了一个新用法——[^1]和[^1]:的使用。感谢。
        大苍狗:@菊花飘零 很高兴对您有用 :blush:
      • 慧行说:Markdown 太简单了,用了很久,但没仔细的总结过。用了md真心不喜欢用word了,个人目前最喜欢的搭配是sublime+md,完美
        风里芥子:@慧行产品说 sublime 2和mk都玩过,但是没玩透,用惯了word的再去玩这个实在是有点别扭,后来放弃了
        大苍狗:@慧行产品说 看来您是老司机啦 :smile: 多谢赏光
      • Daisy1439:一直弄不懂,这个太详细啦!赞赞赞赞
        大苍狗:@Daisy1439 谢赞!
      • fb4020fff909:Markdown 中如何插入视频呢?网络上搜索到的参考教程在简书上并不适用。
        fb4020fff909:@Mr_Professor 今天在自己博客测试了一下,Markdown 支持 iframe 标签,可以插入视频和音乐,不过简书上暂时无法实现。
        a32c2f7b28ff:html的标签基本都能在md直接用,不过在线解析的网站会屏蔽一部分
        大苍狗:@Login926 Markdown中插入视频的话,用HTML的video标签可以实现。不过简书好像不支持视频,后台做了屏蔽……
      • b439515008f6:不错啊,搞计算机的需要这个东西的,而且还有指导细则,感谢教授。
        b439515008f6:@demonrise Mou确实不错的,我还不知道LaTeX是什么东西的。
        e8855f7ceb5f:@Mr_Professor 计算机标配技能不是LaTeX么 :blush:
        大苍狗:@我是你的彩蛋 是哒,IT和互联网人士的标配技能……谢谢支持哈
      • 风蓝云悠:记事本闯天下,恁费劲
        ed6430df31f4:@风蓝云悠 666
        大苍狗:@风蓝云悠 手中无剑,心中有剑的高手啊 :smiley:
      • 躺在云上数星星:推荐马克飞象,搭配印象笔记。简直是天作之合
        爱de告白:@躺在云上数星星 有在用
        大苍狗:@躺在云上数星星 是的,马克飞象确实强大……
      • 淮阴:喜欢了,给自己增加点美德
        大苍狗:@漪弋 :smiley: 谢谢支持 :+1:
      • 0d5126417dc1:不错。
        Chrome上安装不markdownhere插件啊,“更多工具>扩展程序 >获取更多扩展程序”链接失败,提示“无法访问此网站” :flushed:
        大苍狗:@启航站长 不好意思,好久不看回复晚了,望见谅。下载插件的.crx文件的话,有好多收集插件的网站,比如:http://chromecj.com/和http://www.appinn.com/category/chrome/,上面的分类和搜索都还挺不错的,和官方商店的是一致的。
        9eeac48545cb: @Mr_Professor 如何提取出谷歌浏览器的插件给别人?我有梯子,但是想把插件单独分享
        大苍狗: @酒煨壶 Chrome是Google的,被墙掉了,需要爬墙……找梯子吧……或者加我微信分享一个给你
      • 96a4816257cd:虽然字写的有点多,不过确实是诚意之作啊, :+1: 谢谢professor……让我这新手认识了markdown
        大苍狗:@Doris小杏 谢谢,有风度哦…… :smile:

      本文标题:认识Markdown——网络写手的创作神器

      本文链接:https://www.haomeiwen.com/subject/ezxhdttx.html