美文网首页
2018-04-22

2018-04-22

作者: kg_929 | 来源:发表于2018-04-22 13:12 被阅读0次

    ---

    title: "Habits"

    author: John Doe

    date: March 22, 2005

    output: pdf_document

    ---

    #Markdown使用说明书

    ##为什么用markdown {#1}

    1. 排版简单优雅,不用像word一样费心去调整格式

    2. 可以直接转换为html,pdf使用

    3. 天生适合用来做笔记用,各大笔记应用都支持

    ##语法

    1. 标题 #

    ```

    # h1

    ## h2

    ### h3

    #### h4

    ##### h5

    ###### h6

    ```

    演示

    # 一级标题

    ## 二级标题

    *还有另外一种写法:*

    ```

    一级标题

    ======================

    二级标题

    ---------------------

    ```

    2. 目录 [TOC]

    ```

    [TOC]

    ```

    演示

    [TOC]

    3. 引用 >

    ```

    > 引用内容

    ```

    演示

    > 时间的大钟上只有两个字,现在。 - 居里夫人?

    *可以嵌套使用比如*

    ```

    > aaaaaaaaa

    >> bbbbbbbbb

    >>> cccccccccc

    ```

    > aaaaaaaaa

    >> bbbbbbbbb

    >>> cccccccccc

    4. 行内标记 ` 

    一行显示所有内容

    ```

    `

     

        < div>

        < div>

        < div>

    `

    ```

    `

     

       

       

       

    `

    5. 代码块 ```

    ```

     

       

       

       

    ```

    **可以指定高亮语法**

    ```

        ```html

       

     

           

           

           

        ```

    ```

    ```html

     

       

       

       

    ```

    **可以显示行号**

    ```

        ```javascript {.line-numbers}

        function add(x, y) {

        return x + y

        }

        ```

    ```

    ```javascript {.line-numbers}

    function add(x, y) {

    return x + y

    }

    ```

    6. 超链接

    ```

    [百度](http://www.baidu.com/)

    ```

    [百度](http://www.baidu.com/)

    7. 图片

    ```

    ![](https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=3365640106,3567947167&fm=85&s=23137A86555303F54C7145170300D0C2)

    ```

    ![](https://ss0.baidu.com/73x1bjeh1BF3odCf/it/u=3365640106,3567947167&fm=85&s=23137A86555303F54C7145170300D0C2)

    8. 列表(**注意空格**)

    有序列表直接使用数字表示

    ```

    1. one

    2. two

    3. three

    ```

    无序列表用*(*或者是 - +*)

    ```

    * one

    * two

    * three

    ```

    列表支持嵌套

    ```

    * 123

        * 123

            * 123

    ```

    * 123

        * 123

            * 123

    *列表嵌套代码块,换行+两个Tab*

    9. 代办列表

    ```

    - [x] 选项一

    - [ ] 选项二 

    - [ ] 选项三

    ```

    - [x] 选项一

    - [ ] 选项二 

    - [ ] 选项三

    10. 表格(了解)

    First Header | Second Header | 3

    ------------ | ------------- | -

    11. 原生支持html以及内联css样式

    ```

    内联样式

    ```

    内联样式

    12. 语义标记

    ```

    *斜体*

    _斜体_

    **加粗**

    __加粗__

    ***加粗+斜体***

    **_加粗+斜体_**

    ~~删除线~~

    上标 30^th^

    下标 H~2~O

    ```

    13. 语义标签(上标,下标,快捷键等)

    ```

    斜体 斜体

    加粗 加粗

    强调 强调

    上标 Za

    下标 Za

    键盘文本 Ctrl

    ```

    斜体 斜体

    加粗 加粗

    强调 强调

    上标 Za

    下标 Za

    键盘文本 Ctrl

    14. 公式

    ```

    $$ x \href{why-equal.html}{=} y^2 + 1 $$

    ```

    $$ x \href{why-equal.html}{=} y^2 + 1 $$

    15. 分割线

    ```

    ***

    ---

    * * *

    ```

    ***

    ---

    * * *

    16. 脚注

    ```

    Markdown[^1]

    [^1]: Markdown是一种纯文本标记语言        // 在文章最后面显示脚注

    ```

    Markdown[^1]

    [^1]: Markdown是一种纯文本标记语言        // 在文章最后面显示脚注

    17. 缩略

    主要用于词汇定义和解释

    ```

    *[HTML]: Hyper Text Markup Language

    *[W3C]:  World Wide Web Consortium

    The HTML specification is maintained by the W3C.

    ```

    *[HTML]: Hyper Text Markup Language

    *[W3C]:  World Wide Web Consortium

    The HTML specification is maintained by the W3C.

    18. 标记

    背景颜色,黄色

    ```

    ==marked==

    ```

    ==marked==

    19. 锚点

    只有标题可以设置为锚点,注意空格

    ```

    ### 标题 {#1}

    [跳转到锚点](#1)

    ```

    [为什么用markdown?](#1)

    20. 定义型列表(了解)

    ```

    Markdown

    :  轻量级文本标记语言,可以转换成html,pdf等格式  //  开头一个`:` + `Tab` 或 四个空格

    代码块定义

    :  代码块定义……

            var a = 10;        // 保持空一行与 递进缩进

    ```

    21. 邮箱

    ```

    ```

    22. 流程图(了解)

    ```flow

    st=>start: 开始|past:> http://www.baidu.com

    e=>end: 结束

    c1=>condition: 条件1:>http://www.baidu.com[_parent]

    c2=>condition: 条件2

    c3=>condition: 条件3

    io=>inputoutput: 输出

    st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e

    c1(no)->e

    c2(no)->e

    c3(no)->e

    ```

    23. 时序图(了解)

    ```sequence

    A->>B: 你好

    Note left of A: 我在左边    // 注释方向,只有左右,没有上下

    Note right of B: 我在右边

    B-->A: 很高兴认识你

    ```

    ##参考

    markdown语法

    https://www.jianshu.com/p/b03a8d7b1719

    前端轻量编辑器 - vscode

    https://code.visualstudio.com/

    https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/

    开源单文件编辑器 - MarkdowEditor

    https://github.com/jijinggang/MarkdownEditor/tree/master/download

    在线编辑器 - Cmd Markdown

    https://www.zybuluo.com/mdeditor#1121298

    http://markdown.xiaoshujiang.com/

    JavaScript实现 - editor.md

    https://pandao.github.io/editor.md/index.html

    相关文章

      网友评论

          本文标题:2018-04-22

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