简书当前Markdown语法与效果

作者: LostAbaddon | 来源:发表于2014-12-24 17:10 被阅读8476次
    这里是这篇文章的源文件:
    
    测试各种样式的帖子哦
    
    ----
    
    上面是分割线,看到了么?
    
    段内格式测试:
    这里首先是紧接着的一段而不分行。然后是**粗体**和*斜体*,***粗斜体***,以及~~删除线~~和`段内代码`,最后就是注脚[^fn]。
    
    ----
    
    下划线生成标题:
    
    下划线标题1
    ====
    
    下划线标题2
    ----
    
    #Sharp标题1
    
    ##Sharp标题2
    
    ###Sharp标题3
    
    ####Sharp标题4
    
    #####Sharp标题5
    
    ######Sharp标题6
    
    > '>'导出的引用代码块
    段内分行
    
    两行结束代码块
    
    > 引用块内样式:**粗体**,*斜体*,***粗斜体***,~~删除线~~,`段内代码`。
    > 第二用'>'继续引用块
    >>双重引用块
    
    ----
    
    代码引用:
    
        四个空格的方式
    一换行就没了
    
    [```] //不要这里的中括号哦。。。
    fence的方式
    这个方式不怕换行
    
    
    
    
    
    怎么换都可以。
    
    
    
    这里不能使用别的样式:**粗体**,*斜体*,~~删除线~~,[超链接](http://www.google.com)
    [```] //不要这里的中括号哦。。。
    
    ----
    
    列表:
    1. 有序列表1
    1. 有序列表2
      - 子列表1
      - 子列表2
        * 子子列表1
        * 子子列表2
          1. 子子子列表1
          1. 子子子列表2
          1. 子子子列表3
        * 子子列表3
      - 子列表3
    1. 有序列表3
    1. 有序列表4
    
    
    - 无序列表1
    - 无序列表2
    - 无序列表3
    - 无序列表4
    
    ----
    
    测试超链接:[直接适用URL](http://www.jianshu.com)和[使用引用URL][1]
    
    接着是图片:![这里是图片说明](http:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg)
    和引用式的用法:![这个是引用图片地址的方法哦][2]
    
    ![图片说明里也可以使用各种语法,比如**粗体**,*斜体*,~~删除线~~,`段内代码`](http:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg)
    
    ----
    表格:
    
    |A|B|C|
    |-|-|-|
    |A1|B1|C1|
    |A2|B2|C2|
    
    这是普通表格
    
    |左对齐|剧中|右对齐|
    |:-|:-:|-:|
    |A1|B1|C1|
    |A2|B2|C2|
    
    这是文艺表格
    
    |A|B|C|
    |-|-|-|
    |**粗体**|*斜体*|~~删除~~|
    |__另一种粗体__A2|_另一个斜体_|`段内代码`|
    |[超链接也可以](http://www.twitter.com)||脚注[^fn1]|
    [^fn1]:这个是第二条注脚内容,写在文章里面
    
    这是二逼表格
    
    ----
    
    接下来是sanitize部分:
    
    <p>p标签的使用</p>
    
    <blockquote>blockquote标签的使用</blockquote>
    
    <pre>pre标签</pre>
    
    <code>code标签</code>
    
    <pre><code>pre和code</code></pre>
    
    下面试试列表们
    <ol>
    <li>有序列表1</li>
    <li>有序列表2
    <ul>
    <li>子列表1</li>
    <li>子列表2
    <ul>
    <li>子子列表1</li>
    <li>子子列表2
    <ol>
    <li>子子子列表1</li>
    <li>子子子列表2</li>
    </ol>
    </li>
    <li>子子列表3</li>
    </ul>
    </li>
    <li>子列表1</li>
    </ul>
    </li>
    <li>有序列表3</li>
    </ol>
    
    格式:
    <b>B粗体</b>和<strong>STRONG粗体</strong>
    <i>I斜体</i>和<em>EM斜体</em>
    <u>U下划线</u>和<strike>STRIKE删除线</strike>与<del>STRIKE删除线</del>
    <a>超链接</a>,<cite>CITE标记</cite>,<caption>CAPTION标题</caption>
    普通文字<sup>SUP上标</sup><sub>SUB下标</sub><big>BIG加大</big><small>SMALL减小</small>
    带尺寸的IMAGE
    <img src="http:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg" width=300 />
    
    嗯,常用的基本就这些了。
    
    [1]:http://jianshu.io
    [2]:http:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg
    
    [^fn]:这个就是注脚内容,写在文章最后
    
    

    测试各种样式的帖子哦


    上面是分割线,看到了么?

    段内格式测试:
    这里首先是紧接着的一段而不分行。然后是粗体斜体粗斜体,以及删除线段内代码,最后就是注脚[1]


    下划线生成标题:

    下划线标题1

    下划线标题2

    Sharp标题1

    Sharp标题2

    Sharp标题3

    Sharp标题4

    Sharp标题5
    Sharp标题6

    '>'导出的引用代码块
    段内分行

    两行结束代码块

    引用块内样式:粗体斜体粗斜体删除线段内代码
    第二用'>'继续引用块

    双重引用块


    代码引用:

    四个空格的方式
    

    一换行就没了

    fence的方式
    这个方式不怕换行
    
    
    
    
    
    怎么换都可以。
    
    
    
    这里不能使用别的样式:**粗体**,*斜体*,~~删除线~~,[超链接](http://www.google.com)
    

    列表:

    1. 有序列表1
    2. 有序列表2
    • 子列表1
    • 子列表2
      • 子子列表1
      • 子子列表2
        1. 子子子列表1
        2. 子子子列表2
        3. 子子子列表3
      • 子子列表3
    • 子列表3
    1. 有序列表3
    2. 有序列表4
    • 无序列表1
    • 无序列表2
    • 无序列表3
    • 无序列表4

    测试超链接:直接适用URL使用引用URL

    接着是图片: 这里是图片说明
    和引用式的用法: 这个是引用图片地址的方法哦 图片说明里也可以使用各种语法,比如**粗体**,*斜体*,~~删除线~~,`段内代码`

    表格:

    A B C
    A1 B1 C1
    A2 B2 C2

    这是普通表格

    左对齐 剧中 右对齐
    A1 B1 C1
    A2 B2 C2

    这是文艺表格

    A B C
    粗体 斜体 删除
    __另一种粗体__A2 另一个斜体 段内代码
    超链接也可以 脚注[2]

    这是二逼表格


    接下来是sanitize部分:

    <p>p标签的使用</p>

    <blockquote>blockquote标签的使用</blockquote>

    <pre>pre标签</pre>

    <code>code标签</code>

    <pre><code>pre和code</code></pre>

    下面试试列表们
    <ol>
    <li>有序列表1</li>
    <li>有序列表2
    <ul>
    <li>子列表1</li>
    <li>子列表2
    <ul>
    <li>子子列表1</li>
    <li>子子列表2
    <ol>
    <li>子子子列表1</li>
    <li>子子子列表2</li>
    </ol>
    </li>
    <li>子子列表3</li>
    </ul>
    </li>
    <li>子列表1</li>
    </ul>
    </li>
    <li>有序列表3</li>
    </ol>

    格式:
    <b>B粗体</b>和<strong>STRONG粗体</strong>
    <i>I斜体</i>和<em>EM斜体</em>
    <u>U下划线</u>和<strike>STRIKE删除线</strike>与<del>STRIKE删除线</del>
    <a>超链接</a>,<cite>CITE标记</cite>,<caption>CAPTION标题</caption>
    普通文字SUP上标SUB下标<big>BIG加大</big><small>SMALL减小</small>
    带尺寸的IMAGE
    <img src="http:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg" width=300 />

    嗯,常用的基本就这些了。


    1. 这个就是注脚内容,写在文章最后

    2. 这个是第二条注脚内容,写在文章里面

    相关文章

      网友评论

      • 8e79e3b1c0e6:段首首行缩进怎么弄?
      • 逸之:简书好像不支持下划线
        LostAbaddon:@逸之 这我就不知道了
        逸之:@逸之 @LostAbaddon 😮那咋现在不支持了
        LostAbaddon:@逸之 以前支持
      • 墨道院:latex呢?移动平台为何不支持latex
      • WWStreet:换行还是不会啊。 段尾两个空格+enter 不行啊
      • Lyumy:请问要如何才能退出列表项:sob:
      • 游侠儿evil:不支持写入html,比较鸡肋!
      • 現實世界:这个只適用在电腦版上?
      • mapley:作者太贴心了,对应源文件一目了然。mark
      • Lin__Chuan:写的略简单,我补充一点
        `<code>`是行内代码(inline code)的写法

        还有块代码(block code)的写法:代码每一行的前面都加4个空格或一个tab

        还有一种Fenced Code Block,写法是:第一行和最后一行都是3个 " ` ",中间的行是代码,

        ```
        <code>
        ```

        参考自mou
      • 缱绻一时:简书是无法改颜色的么
      • 阿群1986:我测试发现注脚文字不能直接嵌套markdown URL链接。但是能手动放置html<a href>
        LostAbaddon: @阿群1986 反正这事现在和我也没啥关系了………你反馈给简叔吧~
        阿群1986:注脚会变成<p>"纯文本段落"和一个↩字符链接到正文锚点
        LostAbaddon: @阿群1986 以前记得可以,可能后来该国了。这块现在不知道谁负责。
      • 烤鱼吃辣椒:简书的markdown编辑器貌似不支持流程图绘制
      • 北落鰤門:简书里的Markdown语法链接是默认打开新标签页的,导致
        [Overview](#overview)
        <h2 id="overview">Overview</h2>
        这样的页内链接跳转没法用,这个要怎么解决呢
        LostAbaddon:@北落鰤門 这个是我们的规则,不会改变的。
        简单说,就是不支持页内跳转。
      • LostAbaddon:@出版圈郭志敏 原生的markdown语法不支持让图片居中,不过因为markdown允许直接写html标签(当然这个也要看不同的markdown编辑器怎么做了),所以可以自己写html标签让图片居中。

        在简书,用标准markdown语法解析来的图片就是居中的,不需要额外设置。
      • 54b59ee78c42:markdown中如何让图片居中
      • LostAbaddon:@出版圈郭志敏 你说的是合并单元格么?
        这个Markdown语法不提供。。。
      • 54b59ee78c42:如何想合并表格,用markdown怎么写呢?
      • larryzhao:@yihan 哈哈,这个要感谢塔塔同志 :)
      • 写字小号:学习贴= =!
      • Transnet2014:mark this...
      • LostAbaddon:@行空 估计短时间内都不会对简书的MD语法做拓展了,所以这份语法清单可以用一阵子哟~
      • 行空:太感谢!跪拜!
      • 8af345d3ee91:@LostAbaddon :joy: 最棒的圣诞礼物! @LostAbaddon 祝你也圣诞快乐哈~
      • LostAbaddon:@铁树 源文件我放到文章开头了,你可以看看
        iLeooooo:@塔塔酱 源文件在哪,没看到啊
      • 8af345d3ee91:@LostAbaddon 赶紧小窗我源文件,近期打算恶补一下语法,用它编写团队协作介绍。 :pray:
      • district10:把 Markdown 源码贴出来啊~ 简书现在的 Markdown 很牛逼啊~ 试了下 <small> 居然可以连续嵌套很多层!!代码高亮也整整啊。还有 图片不加 caption 就别显示横线了。期待中。 :clap:
      • Secant:@LostAbaddon 期待中~!
      • LostAbaddon:@Secant 过阵子会出一个全面的帖子的~~
      • LostAbaddon:@桃白白 还有很多要做呢!
      • Secant:好多样式!怎么查看这些语法呢?

      本文标题:简书当前Markdown语法与效果

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