美文网首页写作
标记语言Markdown的更多语法

标记语言Markdown的更多语法

作者: 杰森_Jason | 来源:发表于2017-06-15 09:23 被阅读18次

    标记语言Markdown的基本语法我们介绍了Markdown的基本语法,基本语法包括了大部分常用的一些符号,对一些基本的排版完全可以掌握;这里再介绍几种写法,让我们更深入的学习下Markdown语言;

    一、转义字符

    有时候你在输入了某些字符后,本来希望只是普通文本显示,但是却把排版搞的一团糟,比如:

    `符号代表代码块符号,前后各用一个`包裹起来

    不加转义字符,显示的效果如下:

    符号代表代码块符号,前后各用一个包裹起来

    原本只是介绍`这个字符代表的意思,文本却识别出`是代码块符号,所以在两个`之间包裹了起来,这时转义字符 “ \ ”就有用武之地 了,在这些字符前面加上反斜杠 “ \ ” ,这时候这些字符就被看作是纯文本,并不是特殊字符了,如:

    \`符号代表代码块符号,前后各用一个\`包裹起来

    显示效果就是:

    `符号代表代码块符号,前后各用一个`包裹起来

    这样就OK了,不会影响我们的排版了,但是有一点需要注意,一个“\”只作用于紧跟其后的一个完整意义字符或者字符串,如果是多个字符或者字符串形成某种格式转换,这时你又想作为普通文本输出,那么就需要在多处加上“ \ ”反斜杠了。

    二、首行缩进、目录

    在我们写文章时,段落一般都会首行缩进,这时可以在段首插入来输入一个空格,插入来输入两个空格。

    这是一个段落
    这是一个首行缩进段落

    显示效果:

    这是一个段落
      这是一个首行缩进段落

    目录只需要输入[TOC]然后回车,将会产生一个目录,这个目录抽取了文章的所有标题,内容会自动更新;

    三、删除线

    比如原价时,我们会加个删除线,代表该价格已经不用了,删除线的语法是前后用“~~”包裹

    ~原价¥888~

    效果如下:

    原价¥888

    四、表格

    | 项目    | 时间        | 负责人   |
    | ------- |:---------:| -------:|
    | 项目一   | 2017.6     |  小袁   |
    | 项目二   | 2017.7     |  小付   |
    | 项目三   | 2017.8     |  小明   |
    

    语法如下:

    • | - :之间的多余空格会被忽略,不影响布局。
    • 默认标题栏居中对齐,内容居左对齐。
    • -:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
    • 内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。

    上诉语法得出表格:

    项目 时间 负责人
    项目一 2017.6 小袁
    项目二 2017.7 小付
    项目三 2017.8 小明

    五、流程图

    流程图的语法大体分为两部分:

    • (定义元素)前面部分用来定义流程图元素;
    • (连接元素)后面部分用来连接流程图元素,指定流程图的执行走向。
      然后写在下面代码块里面:
    
    ```flow
    
    

    定义元素:

    tag=>type: content:>url
    
    1. tag:标签,连接元素时使用
    2. type:该标签的类型
    3. content:流程语句中放置的内容
    4. url:链接,与流程语句绑定

    注:其中type共有6种类型如下:

    start,用来声明流程图的开始;
    end,用来声明流程图的结束;
    operation,长方形
    subroutine,子程序
    condition,用来声明流程图的判断;
    inputoutput,四边形
    

    type:content之间一定要有一个空格

    连接元素:

    使用->符号,表示连接

    如:

    step1(yes)->step2->step3
    

    简书暂时不支持流程图,但我们可以用其他工具制作再放到简书中来,当然我们可以Xmind或者Edraw做好流程图再导入到简书;

    具体如下:

    st=>start: Start    
    e=>end: End  
    op=>operation: My Operation      
    cond=>condition: Yes or No?     
    
    st->op->fond
    cond(yes)->e 
    cons(no)->op
    

    得到如下图:


    流程图

    六、时序图

    语法如下:

    ```sequence
      A->B: 连接
    

    实例如下:

    代码 效果
    participant A 代表对象
    - 代表实线 , 主动发送消息
    > 代表实心箭头 , 同步消息
    -- 代表虚线,表示返回消息
    >> 代表非实心箭头
    

    再比如下图:

    时序图

    这些是较简单的,如果复杂一点是一样的道理,只需要一步一步连接好。

    转载请注明出处:http://www.jianshu.com/p/d563bddc85b5

    相关文章

      网友评论

        本文标题:标记语言Markdown的更多语法

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