Markdown新手教程

作者: itbsl | 来源:发表于2016-07-05 08:57 被阅读0次

    什么是Markdown?

    Markdown是一种轻量级标记语言。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。Markdown 的设计目的是方便写作的时候,标记格式、同时使标记格式后的纯文本,比起 HTML 源码,更有可读性。

    用Markdown写作有什么好处?

    概括来讲,Markdown有如下优点:

    • 语法比HTML简单,并且能实现大部分HTML能实现的功能
    • 格式排版良好,简单直观,可读性强

    有哪些比较好的Markdown写作工具?

    由于自己一直用的Mac,所以就推荐一些Mac上比较好的Markdown工具,大概有如下几个:

    • GitBook Editor(免费,功能强大,首推)
    • UIysses(收费,听说很不错)
    • Mou(轻量级,对中文支持也不错)
    • 简书(网站,原生支持Markdown)

    为了接下来能够更好的演示Markdown语法,我将以简书为例来介绍

    标题

    和HTML一样,Markdown支持添加6个级别的标题,分别是一级标题、二级标题......六级标题,在Markdown语法中,只需要在对应的级别标题前加上对应数量的#符号即可,需要注意的一点就是标题与#之间最好保持一个空格

    963F1108-2653-423C-A718-6DC38CC86369.png

    水平分区线

    在需要添加横线的行,添加三个或三个以上短横线-、星号*、或者下划线_即可

    15C755DA-3826-44A4-968F-F7DE517147DB.png

    引用

    在需要引用的话前面加上符号>,效果如下图

    0306C232-187B-4388-BF9D-80CF249078CA.png

    中划线

    GitBook Editor上支持一些HTML标签,所以在GitBook Editor上可以直接使用<del> 内容</del>来实现中划线,但是简书不支持,在简书上需要用*~~内容~~*来实现中划线的功能
    注意:符号与内容之间不能有空格

    A53F16B5-31B0-42DD-B46C-F12D13C9BCDF.png

    斜体

    在要加粗的句子两边添加关键符号*

    961ADAFF-A732-4B04-9A0D-4EA0BE6D594F.png

    粗体

    有时我们在写文章时,想突出某个字、词、句,那么我们可以使其加粗显示,方法就是在要加粗的句子两边添加都**

    A9ED8AF4-A0F3-4343-A23E-71CFF0896ECF.png

    斜粗体

    如果想让某个字、词、或句即显示斜体又显示粗体,以示强调,可以在其两边添加***

    7AD2268F-4E21-435C-859B-77BCB0433F6D.png

    链接

    添加链接方法:[链接文字] (链接地址)


    83D40744-84F2-4692-B5EA-0D94AE314E3B.png

    图片

    添加图片的方法和添加超链接的方法类似,只是在超链接的方法前加了一个!,添加图片方法如下
    ![图片名称] (图片地址)
    如果是本地图片如何获得图片地址呢,这是我们可以把要上传的图片鼠标拖进简书编辑区,就可以直接生成一张图片的链接地址了。
    获取图片链接:

    Xcode error.gif
    添加图片:
    531550A5-343F-4EFF-BD77-6ABF6E11F4A4.png

    无序列表

    在列表前加上一个*+、或者-即可,需要注意的文字与符号之间最好空一格

    F9CFC88B-31DF-4963-9EF9-0719534E3E7E.png

    有序列表

    添加有序列表的方法是,在文字前添加数字加英文句点,需要注意的文字与符号之间最好空一格


    3859AD58-AB94-4C80-B440-B43D1B195074.png

    背景

    给文字添加背景只需要在文字的两边添加反引号 `即可

    FFA63ABE-69D3-4E26-B949-6E510AB0F796.png

    表格

    下图中,如果想让文字左对齐,就用:---,居中:----:,右对齐----:

    ED0950A9-9121-48C2-93B3-F575E2E9E2F5.png

    代码块

    作为一个软件开发人员,在写作中往往需要在文章中添加部分代码,如果直接把代码粘贴在文章中会显得很不好看,借助Markdown语法就能达到很好的显示效果,方法就是在需要添加代码的上下两行添加三个反引号```,并且在代码上面一行的反引号后指明所引入的代码用的什么语言,(唉,表达能力不咋地,不多说了,看图)。

    7AC436A0-4AE3-4BB3-B616-997E98EAD78E.png
    希望对你能有所帮助,如果有错误,请指正,谢谢。

    相关文章

      网友评论

        本文标题:Markdown新手教程

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