美文网首页
GitHub Markdown语法--图文详解

GitHub Markdown语法--图文详解

作者: Biosciman | 来源:发表于2019-03-19 09:31 被阅读0次

    Markdown是一个面向网络编写者的文本到HTML或XHTML转换工具。 让创作者更加专注于写作而不是聚焦于花样各式。亲测支持Visual Studio Code, PyCharm, Typora, RStudio。

    标题

    Markdown的有六级标题

    • 用’#‘表示第一级标题
    • 用’##‘表示第二级标题
    • 用’###‘表示第三级标题
    • 用’####‘表示第四级标题
    • 用’######‘表示第五级标题
    • 用‘######’表示第六级标题
    图1 左边为输入模式,右边为预览模式

    图1 中可以看到从标题1到标题6字号逐渐变小,而到标题7却没变小。因为 Markdown只支持六级标题。因此,图1中的标题7不是标题。推荐在输入‘#’后键入一个空格,虽然GitHub无论有无空格都能识别标题,但不是所有Markdown编译器都能识别#后无空格的标题。

    列表

    Markdown有两种列表,分别为①有序列表,用'阿拉伯数字'+'.'+'空格'表示;②无序列表,用'-'或'+'或'*'+'空格'表示。


    图2 左边为输入模式,右边为预览模式

    图2 中可以看出无序列表和有序列表可以相互嵌套使用,但是只能相互嵌套一次。

    表格

    Markdown的表格的语法看起来较为繁琐,但是输入起来较为方便和直观。但是,如果想用颜色表格宽度等参数就比较复杂了,需要用到html 的<table>(目前简书不支持)。


    图3 左边为输入模式,右边为预览模式

    图3 中第一行为表头(表的第一行),不同列之间用'|'符号间隔。第二行为表中文字的对其方式,'-:'表示右对齐;':-:'表示居中对齐;':-'表示左对齐。

    文本样式

    Markdown支持三种中文本样式,分别是:加粗、斜体和删除线。

    文本样式 符号 输入模式 输出模式
    加粗 ** **__ __ **TP53** TP53
    斜体 * *_ _ *TP53* TP53
    删除线 ~~ ~~ ~~TP53~~ TP53

    换行和缩进

    Markdown的换行

    Markdown的换行一般有两种形式:①使用html语法的</br>;②在文本后键入两个空格。


    图4 左边为输入模式,右边为预览模式

    图4 中第一行和第二行代码因为没有</br>标签和两个空格,所以没有进行换行;第四行有</br>标签所以进行了换行;第六行和第七行因为在文本后有两个空格,所以进行了换行。

    Markdown的缩进

    图5 左边为输入模式,右边为预览模式

    图5 中第一行和第二行可以看出Markdown中在文本前键入空格是无法渲染出缩进效果的。因此需要一些特殊的符号进行缩进。其中,缩进一个空格(半角)的有:①&ensp;;②&nbsp;;③&#8194;;④&#160;。缩进两个空格(全角)的有:①&emsp;;②&#8195;。

    引用文本

    图6 左边为输入模式,右边为预览模式

    简书中的引用:

    我是一个引用文本

    引用代码

    在Markdown中引用代码一般用头尾的`将代码包括起来。也有Markdown编辑器支持头尾使用```包括代码。也可使用两个tab键后进行代码的键入。


    图7 左边为输入模式,右边为预览模式

    图7 中使用了三种形式:①`;②```③ (两个tab键)。在Markdown中实现代码的输入。

    链接

    引用是写作过程中经常用到的操作,无论是文学写作还是科学写作。而引用的同时附加一个超链接是个十分方便的。
    Markdown中的引用格式较多,本人就讨论两种使用最多的引用。


    图8 左边为输入模式,右边为预览模式

    图8 中有两种链接语法。链接1和链接2为第一种,链接3为第二种。

    • 第一种的格式为'['+'链接显示的文字'+']'+'空格'+'['+'符号'+']',接下来是空一行,然后’[‘+'与前面相同的符号'+']'+':'+'URL'
    • 第二种的格式为'['+'链接显示的文字'+']'+'('+'URL'+')'

    参考文献:

    1. Github上Markdown基本语法
    2. Markdown——入门指南

    相关文章

      网友评论

          本文标题:GitHub Markdown语法--图文详解

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