美文网首页
Markdown的基本语法

Markdown的基本语法

作者: 东方不亮sam | 来源:发表于2017-03-25 12:33 被阅读0次

    最近搭建wiki时,接触到了Markdown的语法,体验到了它在html页面上做富文本编辑的强大之处。因为也不常使用,整理一些常用的语法备忘。

    标题

    • 类 Setext 形式是用底线的形式,利用 = (最高阶标题)和 - (第二阶标题),例如:

    This is an H1
    =============
    This is an H2
    -------------


    This is an H1

    This is an H2

    任何数量的 = 和 - 都可以有效果。

    • 类 Atx 形式则是在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,例如:

    # 这是 H1
    ## 这是 H2
    ###### 这是 H6


    这是 H1

    这是 H2

    这是 H6

    列表

    无序列表使用星号、加号或是减号作为列表标记,可以混用,且使用tab可以构造出二级、三级列表,例如:

    * 列表1
     + 列表1.1
      - 列表1.1.1
      - 列表1.1.2
     + 列表1.2
    * 列表2


    • 列表1
    • 列表1.1
      • 列表1.1.1
      • 列表1.1.2
    • 列表1.2
    • 列表2

    粗体

    将需要设置为斜体的文字两端使用2个“_”夹起来

    __ 粗体 __


    __ 粗体 __

    斜体

    将需要设置为斜体的文字两端使用1个“_”夹起来

    _ 斜体 _


    _ 斜体 _

    分割线

    在一行中用三个以上的星号、减号、下划线来建立一个分隔线

    *** or --- or ___


    块引用

    通过在文字开头添加“>”表示块注释。(当>和文字之间添加五个blank时,块注释的文字会有变化。)

    > 某某说:
    > 第一行引用
    > 第二行引用文字


    某某说:
    

    第一行引用
    第二行引用文字

    表格

    表格的使用比较简单,主要记住第二行的用法,使用用它们可以定义每一列的对齐方式,例子如下:

    | ------------- |:-------------:| -----:|
    | col 3 is | right-aligned | $1600 |
    | col 2 is | centered | $12 |
    | zebra stripes | are neat | $1 |```


    Tables Are Cool
    col 3 is right-aligned $1600
    col 2 is centered $12
    zebra stripes are neat $1

    代码框

    如果你是个程序猿,需要在文章里优雅的引用代码框,在 Markdown下实现也非常简单,只需要用两个 ` 把中间的代码包裹起来,或者用三个 ` 多行代码包裹起来。

    #include <stdio.h>
    <code >int main()
    {</code>

    }```
    

    链接

    Markdown中有两种方式,实现链接,分别为内联方式和引用方式。
    内联方式:

    This is an [example link](http://example.com/).
    This is an example link.

    引用方式:

    I get 10 times more traffic from [Google][1] than from [Yahoo][2] or [MSN][3].
    [1]: http://google.com/ "Google"
    [2]: http://search.yahoo.com/ "Yahoo Search"
    [3]: http://search.msn.com/ "MSN Search"


    I get 10 times more traffic from Google than from Yahoo or MSN.

    图片

    图片的处理方式和链接的处理方式非常的类似,不同的是图片比链接前面多一个!
    内联方式:

    ![百度Logo](https://www.baidu.com/img/baidu_jgylogo3.gif)


    百度Logo百度Logo

    引用方式:

    ![百度Logo][bdlogo]
    [bdlogo]: https://www.baidu.com/img/baidu_jgylogo3.gif "百度Logo"


    百度Logo百度Logo

    引用

    撰写此文时引用到了其它的一些文章,如下:

    相关文章

      网友评论

          本文标题:Markdown的基本语法

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