简书当前Markdown语法与效果

2017-12-14  本文已影响18人  sunny冲哥
这里是这篇文章的源文件:

测试各种样式的帖子哦

----

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

段内格式测试:
这里首先是紧接着的一段而不分行。然后是**粗体**和*斜体*,***粗斜体***,以及~~删除线~~和`段内代码`,最后就是注脚[^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]

接着是图片:![这里是图片说明](https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg)
和引用式的用法:![这个是引用图片地址的方法哦][2]

![图片说明里也可以使用各种语法,比如**粗体**,*斜体*,~~删除线~~,`段内代码`](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="https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg" width=300 />

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

[1]:http://jianshu.io
[2]:https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg

[^fn]:这个就是注脚内容,写在文章最后

测试测试


看到上面的分割线了吗
段内格式测试:

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


下划线生成标题:

下划线标题1

下划线标题2

Sharp标题1

Sharp标题2

Sharp标题3

Sharp标题4

Sharp标题5
Sharp标题6

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

两行结束代码块

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

双重引用块


代码引用:

四个空格的方式

一换行就没了

[```] //不要这里的中括号哦。。。
fence的方式
这个方式不怕换行

怎么换都可以。

这里不能使用别的样式:粗体斜体删除线超链接
[```] //不要这里的中括号哦。。。


列表:

  1. 有序列表1
  2. 有序列表2
  1. 有序列表3
  2. 有序列表4

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

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

表格:

A B C
A1 B1 C1
A2 B2 C2

这是普通表格

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

这是文艺表格

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

这是二逼表格


接下来是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="https://img.haomeiwen.com/i19321/e5e574ddb183cacf.jpg" width=300 />

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

感谢作者:塔塔酱


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

上一篇下一篇

猜你喜欢

热点阅读