Markdowm语法练习

作者: 月球的企鹅 | 来源:发表于2018-07-18 21:23 被阅读0次
    • 背景说明

    • markdown简介
      markdown是一种标记语言,类似于html,但是要比html简单得多。
    • 参考资料
      Markdown - Wikipedia
      Markdown - 百度百科
      Markdown语法
    • 文档目的
      这篇文档主要通过markdown代码、对应的页面展示效果、注意事项三方面来简单直观的说明md标记语言的语法规则。

    1.标题

    • 代码
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    
    • 演示

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题
    • 注:#与标题之间有一个空格,各级标题最多只能有6级标题

    2.序表

    • 代码1(无序列表)
    - 文本1
    - 文本2
    - 文本3
    
    • 演示
    • 文本1
    • 文本2
    • 文本3
    • 代码2(有序列表)
    1. 文本1
    2. 文本2
    3. 文本3
    
    • 演示
    1. 文本1
    2. 文本2
    3. 文本3

    3.分隔符

    • 代码
    ***
    ---
    -    -    -         
    *  *                    *
    
    • 演示




    • 注:最少三个---***,之间有空格也可以

    4.代码块

    • 代码1(代码块)
        ```
       #pragma -mark viewLife
       (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
        
        [self.view addSubview:self.btnShare];
        [self.view addSubview:self.btnPay];
    }
    //代码块中的注释  helloworld
        ```
    
    • 演示
        #pragma -mark viewLife
       (void)viewDidLoad {
        [super viewDidLoad];
        // Do any additional setup after loading the view.
        
        [self.view addSubview:self.btnShare];
        [self.view addSubview:self.btnPay];
    }
    //代码块中的注释  helloworld
    
    • 注:一对 ```,各单独占一行,中间的内容将被识别为代码块

    • 代码2(单行)

      这里是代码,代码初始位置有4个空格,会被识别为代码。

    • 演示

      这里是代码,代码初始位置有4个空格,被识别为代码,有时候需要更多的空格才能被识别,有时候有无法被识别,原因暂不清楚,这里就使用了6个空格,而且段首需要空一行。
      
    • 注:有时候需要更多的空格才能被识别,有时候又无法被识别,原因暂不清楚,这里就使用了6个空格,而且段首需要空一行。这种方法可以在代码中显示一对```


    5.行内标记

    • 代码
    ```haha```
    测试内容`被标记内容`测试内容
    
    • 演示

    haha
    测试内容被标记内容测试内容

    • 注:这里用的是反单引号,使用五个返单引号,第一个与第二个、第四个与第五个之间分别留一个空格,这样可以展示出```

    6.连接

    • 代码1(内联式)
    [简书](http://www.jianshu.com)
    
    • 演示

    简书

    • 注:括号使用英文括号
    • 代码2(直接网址)
    <https://baidu.com>
    
    • 演示

    https://baidu.com


    7.图片

    • 代码1(单纯的图片)
    显示一张图片
    ![图片名字](https://img.haomeiwen.com/i1870963/b570b8d26138b8d1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
    
    • 演示

    显示一张图片


    图片名字
    • 代码2(带链接图片)
    [![](https://img.haomeiwen.com/i1870963/b570b8d26138b8d1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)](https://baike.baidu.com/item/%E7%8C%AB/22261?fr=aladdin)
    
    • 演示

    • 注:实际上就是把这个图片的代码作为网页连接中的文本部分,放在对应的[]内。

    8.脚注

    • 代码
    脚注[^1]
    [^1]:这是一个脚注
    
    • 演示
      脚注[1]
    • 注:脚注会主是在文章末尾

    9.引用

    • 代码
    | 表头1|表头2|表头3|表头4|
    |-| :- | :-: | -: |
    |默认左对齐|左对齐|居中对其|右对齐|
    |默认左对齐|左对齐|居中对其|右对齐|
    |默认左对齐|左对齐|居中对其|右对齐|
    
    • 演示
    表头1 表头2 表头3 表头4
    默认左对齐 左对齐 居中对其 右对齐
    默认左对齐 左对齐 居中对其 右对齐
    默认左对齐 左对齐 居中对其 右对齐
    • 注:表的前面要空一行

    10.粗体、斜体

    • 代码
    *斜体*
    **粗体**
    ***粗体加斜体***
    _斜体_
    __粗体__
    ___粗体加斜体___    //左右三个下划线
    
    • 演示

    斜体
    粗体
    粗体加斜体
    斜体
    粗体
    粗体加斜体

    • 注:* _作用十分类似

    11. 转义字符

    利用反斜杠转义字符显示特殊的字符,比如在介绍Markdown语法时,这就很受用,不然有些符号组合你很难输出到页面
    比如:```还有/*...*/
    或者使用行内强调:``` /*...*/

    markdown语法写的其实是这样的:

    \``` /\*...\*/
    ` ``` `   `/*...*/ `
    

    后续更新中············


    1. 这是一个脚注

    相关文章

      网友评论

        本文标题:Markdowm语法练习

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