饥人谷技术博客

MarkDown小结

2018-08-30  本文已影响2人  饥人谷光仔

1  什么是MarkDown

    MarkDown是一个简单的标记语言,这些标记和html的一些标签相对应。通过一些转换库可以把MarkDown转换成HTML或者把HTML转换成MarkDown。

2 MarkDown有什么用呢

    用来在网页上展示文章,省去排版的布局

例子:

1光仔在简书上面用MarkDown语法谢了一篇博客,点击提交

2MarkDown语法的字符串提交到简书服务器保存起来

3当光仔打开博客页面时,MarkDown字符串被后端语言转换成HTML,然后放在博客页面中去

4博客页面里引入了一些CSS,会把丑陋的HTML变得好看而且适合我们阅读

3 MarkDown基本语法

    # 一级标题 H1    

    ## 二级标题 H2

    ### 三级标题 H3

    #### 四级标题 H4

    ##### 五级标题 H5

    - 无序列表

    - 无序列表

    1. 有序列表

    2. 有序列表

   ```javascript

    var a = 1

    var b = 2

    ```

    `var a =1`

    **字符** 黑体效果

    [链接字符](链接地址) 点字符跳转链接

    ![](图片链接地址) 插入图片

    `

    var a = 1;

    var b = 2;

    `

    ' var = 1'

    ```

    var a = 1;

    var b = 2;

    ```

    ```

    var a = 1;

    var b = 2;

    ````

虽然三种写法在MarkDown上面都可以出效果,但是其标准语法为第三种

|姓名|性别|

|--|--|

|a|男|

|b|女|

| Tables        | Are           | Cool  |

| ------------- |:-------------:| -----:|

| col 3 is      | right-aligned | $1600 |

| col 2 is      | centered      |   $12 |

| zebra stripes | are neat      |    $1 |

更多关于MarkDown的语法以及使用教程可前往官网markdown.cn

4 转换库

    https://github.com/evilstreak/markdown-js

    http://api.jirengu.com/md2html.phpurl=https://raw.githubusercontent.com/jirengu/server-mock/master/README.md

5 以上涉及到的语法在MarkDown2的效果图

    

上一篇下一篇

猜你喜欢

热点阅读