美文网首页
markdown的学习使用

markdown的学习使用

作者: 宅_猫 | 来源:发表于2018-08-22 17:28 被阅读0次

    一、标题格式

    代码↓

      # 一级标题
      ## 二级标题
      ### 三级标题
      #### 四级标题
      ##### 五级标题
      ###### 六级标题 
    

    效果如下↓

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    总共有六级标题
    #和标题之间加空格,这是标准的写法。

    二、列表

    在 Markdown 中,无序列表你只需要在文字前面加上 - ,
    有序列表文字前加 1. 2. 3. 例如:

    无序列表

    代码↓:

    - 列表1
    - 列表2
    - 列表3
    

    效果↓:

    • 列表1
    • 列表2

    有序列表

    代码↓:

    1. 列表1
    2. 列表2
    3. 列表3
    

    效果↓:

    1. 列表1
    2. 列表2
    3. 列表3

    三、链接&图片

    链接

    链接格式为 [文本](链接地址)
    代码↓:

    [百度](https://www.baidu.com/)
    

    效果如下↓:
    百度

    图片

    图片格式为 ![图片名称](链接地址),图片名称可为空。
    代码↓:

    ![image.png](https://img.haomeiwen.com/i5140658/b29906f761a429a3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    效果如下↓:


    image.png

    四、引用

    写作时常用这个,在引用文字前加上这个 > 就行了。
    代码↓:

    >从此寻花问柳,闭口不谈一生厮守。 从此红灯绿酒,再也不想牵谁的手。 从此人海漂流,闭口不谈爱到白头。 从此单打独斗,再也不会彻夜泪流。
    

    效果 ↓:

    从此寻花问柳,闭口不谈一生厮守。 从此红灯绿酒,再也不想牵谁的手。 从此人海漂流,闭口不谈爱到白头。 从此单打独斗,再也不会彻夜泪流。

    五、粗体&斜体

    粗体语法

    收尾用两个 * 包含一段文本,
    代码↓:

    **粗体**
    

    效果↓:

    粗体

    斜体语法

    收尾用一个 * 包含一段文本就是斜体的语法
    代码↓:

    *斜体*
    

    效果↓:

    斜体

    六、代码引用

    1.红色字体类效果(不同的平台兼容结果可能不同,都是为了显示代码)

    如简书的效果


    image.png

    需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。(是键盘 Esc下这个~键 ),如下
    代码如下↓:

    `hello,world `
    

    效果如下↓:
    hello,world

    如果引用的语句为多行,可以将 ``` 置于这段代码的首行和末行
    代码如下:

    ``` Love is one big illusion I should try to foreget,
    Now you want me to forget the way you're kising,
    You wer never satisfied .
    That's why you go away I know .
    Siting here all alone in the middle of nowhere.```
    

    效果如如下

    Love is one big illusion I should try to foreget,<br> Now you want me to forget the way you're kising,<br> You wer never satisfied . <br> That's why you go away I know .<br> Siting here all alone in the middle of nowhere.

    2.深色背景框效果

    该效果更突出,更常用,本文中就有大量应用。(不同的平台兼容结果可能不同,都是为了显示代码)
    简书显示结果


    image.png

    有道云显示结果


    image.png

    实现该效果是将符号 ``` 换行后置于这段代码的首行的和末行

    代码如下(为了代码不被编译,```中间我多了个空格,请忽略此空格):

    ` ``
    Love is one big illusion I should try to foreget,
    Now you want me to forget the way you're kising
    ` ``
    

    七、换行

    为了更兼容的实现效果,换行最好使符号<br>换行,代码如下:

    内容<br>内容<br>
    

    八、表格

    相关代码:

    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | 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

    代码如下

    dog | bird | cat
    ----|------|----
    foo | foo  | foo
    bar | bar  | bar
    baz | baz  | baz
    

    效果如下

    dog bird cat
    foo foo foo
    bar bar bar
    baz baz baz

    更多待续……

    相关文章

      网友评论

          本文标题:markdown的学习使用

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