简书当前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. 这个是第二条注脚内容,写在文章里面

相关文章

  • 简书当前Markdown语法与效果

    测试测试 看到上面的分割线了吗段内格式测试: 这里首先是紧接着的一段而不分行。然后是粗体和斜体,粗斜体,以及删除线...

  • 简书当前Markdown语法与效果

    测试各种样式的帖子哦 上面是分割线,看到了么? 段内格式测试:这里首先是紧接着的一段而不分行。然后是粗体和斜体,粗...

  • 简书编辑模式的几种简单常用语法

    简书Markdown编辑模式的几种简单常用语法01 简书Markdown编辑模式的几种简单常用语法02 简书当前M...

  • markdown 语法

    目录 部分 markdown 风格不支持导航, 包括简书。 语法: 分割线: 效果演示: 有些 markdown ...

  • 简书 Markdown 语法详解

    本文转载自白老师课堂的简书《 Markdown 语法详解》 关于简书 Markdown Markdown 语法的目...

  • 2019-03-26简书markdown教材自我总结

    简书MD语法大全】—— ?解锁简书markdown语法# 简书markdown教程 他人的案例 看了不少简书的文章...

  • MarkDown 入门学习笔记

    原文地址简书如何使用MarkDown 注意 我会用 语法: 加 效果: 的方式呈现出来 1. 标题 语法: 效果:...

  • Day1-微冷凉了三分情

    学习任务 Markdown语法 简书的发布 思维导图 今天的难点 Markdown语法:借助简书自带的Markdo...

  • Day01 Python基础

    1. Python安装环境及相关软件 2. markdown与简书 2.1 markdown基本语法 2.1.1 ...

  • iOS 知识点

    MarkDown语法 简书 Markdown 语法详解[https://www.jianshu.com/p/4e3...

网友评论

  • 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