初识markdown

作者: 鱼f | 来源:发表于2016-12-03 21:51 被阅读33次

    markdown是一种轻量的标记语言。刚接触markdown,熟悉了简单的命令,记录下来。

    关于标题

    如果你编辑:

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

    显示效果就是:

    我是一级标题

    我是二级标题

    我是三级标题

    我是四级标题

    我是五级标题
    我是六级标题

    关于列表

    在markdown中,列表一般有两种:一种是有序的,另一种是无序的。

    无序列表

    一行文字前加上-或者是*就是无序列表了;
    例如编辑:

    - 我是无序列表
    * 我是无序列表
    

    那么显示效果就是:

    • 我是无序列表
    • 我是无序列表

    有序列表

    在文字前面加上1.就表示有序列表了。
    注意:1.与文字之间要有空格隔开
    例如编辑:

    1. 我是有序列表
    2. 我是有序列表
    

    那么显示效果就是:

    1. 我是有序列表
    2. 我是有序列表

    引用

    一行文字前面加上>号就是引用的意思。
    例如编辑:
    > 我是引用的文字
    那么显示效果就是:

    我是引用的文字</br>


    粗体与斜体

    粗体用**包含一段文字,斜体是一个*包含即可
    例如编辑:

    **我是粗体**
    *我是斜体*
    

    那么显示效果是:
    我是粗体
    我是斜体


    表格(是个累人的活儿)

    编辑:

    | 成绩单 | 数学  | 英语  |
    |:------- :|:------:|:-----:|
    | 张三      | 50      | 60    |
    | 李四      | 70      |   80  |
    | 王五      | 80      | 100 |
    

    那么效果就是:

    成绩单 数学 英语
    张三 50 60
    李四 70 80
    王五 80 100

    其中,表中没必要非得编辑对齐,我只是为了好看。|-------|------|-----|是用于生成表格的,而:则是用来控制表格中文字居中对齐方式的。
    例如编辑:

    | 成绩单 | 数学  | 英语  |
    |:-------|-------:|:-----:|
    | 张三      | 50      | 60    |
    

    显示效果是:</br>

    成绩单 数学 英语
    张三 50 60

    其中::的作用是对齐,表中第一列是左对齐,中间是右对齐,右边一列是居中。


    代码展示

    在用markdown展示代码时是用的一个符号包含代码,如下图:


    符号位置

    注意:千万不要把这个符号打成了单引号,切记!
    例如编辑:

    代码展示

    生成效果如下:
    这是单行的代码

    .content .content-r .ct-footer{
            height: 25px;
            width: 650px;
            background-color: black;
           }
    

    分割线

    ***表示分割线。
    例如编辑:
    ***
    显示效果:


    上面这个是个分割线


    链接

    markdown中的链接表示方法是:[]()
    例如编辑:
    [百度](www.baidu.com)
    显示效果就是:百度
    图片链接一般都是网页生成的网址,比如简书就有这个功能,只要把图片图拽到编辑区即可生成一个图片。
    如下图所示:

    简书markdown的编辑模式 照片的名字可以更改

    相关文章

      网友评论

        本文标题:初识markdown

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