优雅的markdown

作者: 江君同学 | 来源:发表于2016-08-27 10:10 被阅读105次

    逼自己说几句


    在我没接触前端,没遇到简书之前,我完全不知道markdown是干什么用的。当我遇到了markdown后,我才回忆起当初毕业论文天天用word改格式排版是多么无聊的一件事,是的,这就是markdown所带给我们的

    Markdown让我们专注写作,而不是关注排版。

    markdown我认为是可以用优雅一词来形容,语法简洁优美大方,结构并不复杂,值得去好好研究。

    1. 标题


    markdown语法

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    ####### 没有七级标题,最小六级标题
    

    预览效果

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题
    # 没有七级标题,最小六级标题

    2. 粗体斜体


    markdown语法

    **粗体**
    *斜体*
    

    预览效果

    粗体 斜体

    3. 分割线


    markdown语法

    ***
    ~~文字删除线~~
    

    预览效果

    文字删除线

    4. 列表


    markdown语法

    * 无序列表项目
    * 无序列表项目
    * 无序列表项目
    
    1\. 有序列表项目
    2\. 有序列表项目
    3\. 有序列表项目
    
    - 外层列表项目
     + 内层列表项目
     + 内层列表项目
     + 内层列表项目
    - 外层列表项目
    

    预览效果

    • 无序列表项目
    • 无序列表项目
    • 无序列表项目

    1. 有序列表项目 2. 有序列表项目 3. 有序列表项目

    • 外层列表项目

      • 内层列表项目
      • 内层列表项目
      • 内层列表项目
    • 外层列表项目

    5. 连接与图片


    markdown语法

    [虎扑体育首页链接](http://www.hupu.com/)
    ![虎扑体育logo](https://img.haomeiwen.com/i2324269/117842bd8f99def7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    [虎扑体育首页链接][1]
    ![虎扑体育logo][2]
    [1]: http://www.hupu.com/
    [2]: http://b3.hoopchina.com.cn/images/logo2013/v1/hp_logo_sports.png
    

    预览效果

    虎扑体育首页链接

    虎扑体育logo

    虎扑体育首页链接

    虎扑体育logo虎扑体育logo

    6. 表格


    markdown语法

    |左对齐|居中|右对齐|
    |:---|:---:|---:|
    |左|中|右|
    |左|中|右|
    

    预览效果

    左对齐 居中 右对齐

    7. 引用


    markdown语法

    > 引用的文字引用的文字引用的文字引用的文字引用的文字
    >> 引言内的引言引言内的引言引言内的引言
    > 引用的文字引用的文字引用的文字引用的文字引用的文字
    

    预览效果

    引用的文字引用的文字引用的文字引用的文字引用的文字

    引言内的引言引言内的引言引言内的引言 引用的文字引用的文字引用的文字引用的文字引用的文字

    8. 代码高亮


    markdown语法

    `字符`(简短文字添加代码框)
    `Tab`或四个空格(大段文字添加代码框,每行前添加)
    

    9. 脚注


    markdown语法

    需要被注释[^注释代码]
    [^注释代码]: 注释的内容
    

    预览效果

    需要被注释[1]

    10. 创建邮箱链接


    markdown语法

    <liujiangjun2014@163.com>
    

    预览效果

    liujiangjun2014@163.com

    11. 转义字符


    markdown语法

    \`
    \\
    \#
    \*
    \-
    

    预览效果

    ` \ # * -

    11. 小型文本


    <small>小型文本</small>正常文本
    

    预览效果

    <small>小型文本</small>

    正常文本

    12. 首行缩进


    markdown语法

     中文全角输入法缩进一个字符
    
      中文全角输入法缩进两个字符
    

    预览效果

    中文全角输入法缩进一个字符

    中文全角输入法缩进两个字符


    参考文章

    (完)

    文档信息

    • 自由转载-非商用-非衍生-保持署名
    • 发表日期:2016年8月27日

    1. 注释的内容

    相关文章

      网友评论

        本文标题:优雅的markdown

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