美文网首页
markdown使用技巧重点介绍

markdown使用技巧重点介绍

作者: 林立镇 | 来源:发表于2017-04-04 17:18 被阅读0次

    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。用来在网页上展示文章,省去排版布局的烦恼.

    基本语法

    一、标题设置

    代码:
    #一级标题  
    ##二级标题  
    ###三级标题 
    ####四级标题  
    #####五级标题  
    ######六级标题
     --------------------------------------------------------------------------
    语法说明:在文字开头加上 “#”,通过“#”数量表示几级标题
    
    显示效果:

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    二、列表设置

    1. 无序列表
    代码:
    - 无序列表 
    - 列表项目1 
    - 列表项目2 
     -----------------------------------------------------------------------------
    语法说明: 在文字开头添加(*, +, and -)实现无序列表。
             但是要注意在(*, +, and -)和文字之间需要添加空格。
            (建议:一个文档中只是用一种无序列表的表示方式)
    
    显示效果:
    • 无序列表
    • 列表项目1
    • 列表项目2
    2.有序列表
    代码:
    1. 有序列表
    2. 有序列表
    3. 有序列表
     ------------------------------------------------------------------------
    语法说明: 使用数字后面跟上句号。(还要有空格)
    
    显示效果:
    1. 有序列表
    2. 有序列表
    3. 有序列表

    三、代码注释

    1.行内式(仅字符部分)
    代码:
    `var a = 1;var b = 2;`
     ---------------------------------------------------------------------------
    语法说明:插入行内代码,即插入一个单词或者一句代码的情况,使用`code`
    
    显示效果:

    var a = 1;var b = 2;

    2.缩进式多行代码
    代码:
      var a = 1;
      var b = 2;
     --------------------------------------------------------------------------
    语法说明:缩进 4 个空格或是 2个Tab键
    一个代码区块会一直持续到没有缩进的那一行(或是文件结尾)。
    
    显示效果:
    var a = 1;
    var b = 2;
    
    3.用六个`包裹多行代码
    代码:
    var a = 1;
    var b = 2;
    
    显示效果:
    var a = 1;
    var b = 2;
    

    四、文字链接

    代码:
    [链接文字](http://jirengu.com)
    
    显示效果:

    链接文字

    五、引用图片

    代码:
    ![](https://img.haomeiwen.com/i5467482/e8b5bb3e079ff635.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    显示效果:

    六、表格

    代码:
     表头 | 表头 | 表头 
      -  | -    |- 
     内容 | 内容 | 内容 
     内容 | 内容 | 内容 
    
    显示效果:
    表头 表头 表头
    内容 内容 内容
    内容 内容 内容

    转换库
    https://github.com/evilstreak/markdown-js
    http://api.jirengu.com/md2html.php?url=https://raw.githubusercontent.com/jirengu/server-mock/master/README.md
    参考
    Markdown 语法手册 (完整整理版)

    相关文章

      网友评论

          本文标题:markdown使用技巧重点介绍

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