美文网首页
markdown练习

markdown练习

作者: 木木带你飞 | 来源:发表于2017-09-21 01:20 被阅读0次

    [TOC]

    markdown练习

    列表

    1.有序列表

    1. aaa
        1. bbb
        2. bbb
    2. ccc
    3. ddd
    

    效果:

    1. aaa
      1. bbb
      2. bbb
    2. ccc
    3. ddd

    2.无序列表

    - 1
        - 1
        - 2
            - 1
            - 2
    - 2
    - 3
    

    效果

    • 1
      • 1
      • 2
        • 1
        • 2
    • 2
    • 3

    引用

    用 [TOC] 来生成目录
    段落的前后要有一个以上的空行(若某一行只包含空格和制表符,则该行也会被视为空行)
    有序列表前面数字可以无序,无序列表前面符号可以是 - + *
    分隔符由三个及以上的- or + or * 组成

    粗体与斜体

    这个是粗体
    这个是斜体
    这个是粗体加斜体

    链接与图片

    1.在文中直接加链接,中括号中是需要添加链接的文字,圆括号中是需要添加的链接,双引号里是鼠标悬停是显示的标题,本文参考学习链接如下:

    [Markdown 语法说明 (简体中文版)](http://wowubuntu.com/markdown/#autoescape"标题")

    Markdown 语法说明 (简体中文版)

    2.在引用中加链接,第一个中括号添加需要添加的文字,第二个中括号中是引用链接的id,之后在引用中,使用id加链接:如下:

    [Markdown——入门指南][id]
    [id]: http://www.jianshu.com/p/1e402922ee32/ "标题"
    

    [Markdown——入门指南][id]
    [id]: http://www.jianshu.com/p/1e402922ee32/ "标题"

    3.在文中直接引用链接,直接使用尖括号,把链接加入到尖括号中就可以实现,如下:

    <http://wowubuntu.com/markdown/#autoescape>
    http://wowubuntu.com/markdown/#autoescape
    

    http://wowubuntu.com/markdown/#autoescape
    http://wowubuntu.com/markdown/#autoescape

    4.插入互联网上图片,格式如下:

    ![Markdown——入门指南](http://ww2.sinaimg.cn/large/6aee7dbbgw1efffa67voyj20ix0ctq3n.jpg "标题")
    ![Markdown——入门指南][id1]
    [id1]: http://ww2.sinaimg.cn/large/6aee7dbbgw1efffa67voyj20ix0ctq3n.jpg "标题"
    
    Markdown——入门指南Markdown——入门指南
    ![Markdown——入门指南][id1]
    [id1]: http://ww2.sinaimg.cn/large/6aee7dbbgw1efffa67voyj20ix0ctq3n.jpg "标题"

    代码块与语法高亮

    1.在需要高亮的代码块的前一行及后一行使用三个反引号“`”,同时第一行反引号后面表面代码块所使用的语言,如下:

    code
    
    if(x == 0)
        printf("test\n");
    

    2.用TAB键起始的段落,会被认为是代码块,如下:

    if(x == 0)
        printf("test\n");
    

    3.如果在一个行内需要引用代码,只要用反引号`引起来就好,如下:

    There is a literal backtick (`) here.

    4.markdown还支持html风格代码块,方便复制:

    <pre name = "code" class = "c">
       if(x == 0)
            printf("test\n");
    </pre>
    

    <pre name = "code" class = "c">
    if(x == 0)
    printf("test\n");
    </pre>

    分割线与删除线

    可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,同时需要在分隔线的上面空一行。如下:




    删除线的使用,在需要删除的文字前后各使用两个符合“~”,如下

    Mistaken text. 11111111

    *******

    表格

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

    表格1

    11 22 33
    11 22 33

    表格2

    11 22 33
    11 22 33

    UML 图

    ---最好是使用专门的工具画流程图,使用markdown画图违背了它“易读易写”的本意

    可以渲染序列图:

    张三->李四: 嘿,小四儿, 写博客了没?
    Note right of 李四: 李四愣了一下,说:
    李四-->张三: 忙得吐血,哪有时间写。
    
    张三->李四: 嘿,小四儿, 写博客了没?
    Note right of 李四: 李四愣了一下,说:
    李四-->张三: 忙得吐血,哪有时间写。
    

    或者流程图:

    st=>start: 开始
    e=>end: 结束
    op=>operation: 我的操作
    cond=>condition: 确认?
    
    st->op->cond
    cond(yes)->e
    cond(no)->op
    
    st=>start: 开始
    e=>end: 结束
    op=>operation: 我的操作
    cond=>condition: 确认?
    
    st->op->cond
    cond(yes)->e
    cond(no)->op
    

    相关文章

      网友评论

          本文标题:markdown练习

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