美文网首页
简书中markdown编辑器使用方式总结

简书中markdown编辑器使用方式总结

作者: iCodingShow | 来源:发表于2016-11-12 20:40 被阅读209次
欢迎来到我的简书!   --海哥哥

使用总结

</br> <br />


圈块(上面是分割线)


1. 按四下Space键,后接上 */-/+/>/#/数字. 等这些字符开头的文本2. 按两下Tab键,后接上 */-/+/>/#/数字. 等这些字符开头的文本 
你好,</br> 世界!  3,也可以直接用两个```表示

说明

强制换行

</br>  <br />在这里换行就不好使

引用

1. 普通引用
在需要引用的行前面加上>和空格,注意必须后面要跟空格,
2. 嵌套引用
在引用体中用不同数量的>来实现嵌套引用,
3.脱离引用
如果你在引用体后面直接换行输入,那么该行还会被纳入引用体,因此你需要输入两次换行
4.还有一点,如果你在脱离引用体后,又直接使用 > ,那么第二个 > 后的内容又重新纳入引用体,因此你需要在两次引用之前用强制换行符来隔开

大连海洋大学信息工程学院

信息工程学院

电子信息技术专业

</br> <br />

标题

一级标题

二级标题

三级标题

四级标题
五级标题

表格

</br> <br />

层级关系

层级列表一般只支持三级,第一级实心圆点,第二级空心圆点,第三级以后都是实心方点。要实现层级列表,每下一级在开头都要比上一级多输入2个Space或者1个Tab,而且第一级前面不要超过3个Space

一级标题
  二级标题
    三级标题

表格

第一列 第二列
姓名 静静
班级 DLH0707

数学公式

y = a*x^2+b*x+c
E = mc^2

代办已办事项

有序列表

  1. 第一件事
  2. 第二件事
  3. 第三件事

无序列表

  • 第一件事
  • 第二件事
  • 第三件事

分界线



这是斜体
这是黑体
这是删除线

高亮显示

图片(江一燕)

  • image
这里是这篇文章的源文件:

测试各种样式的帖子哦

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

段内格式测试:
这里首先是紧接着的一段而不分行。然后是**粗体**和*斜体*,***粗斜体***,以及~~删除线~~和`段内代码`,,最后就是注脚[^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/i1689074/56050fe1a2db30ec.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/720/q/100)


和引用式的用法:![https://img.haomeiwen.com/i1689074/56050fe1a2db30ec.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/720/q/100]



![图片说明里也可以使用各种语法,比如**粗体**,*斜体*,~~删除线~~,`段内代码`](https://img.haomeiwen.com/i1689074/56050fe1a2db30ec.jpg)


----

表格:

|A|B|C|
|-|-|-|
|A1|B1|C1|
|A2|B2|C2|

这是普通表格

|左对齐|居中|右对齐|
|:-|:-:|-:|
|A1|B1|C1|
|A2|B2|C2|

这是文艺表格

|A|B|C|
|-|-|-|
|**粗体**|*斜体*|~~删除~~|
|__另一种粗体__A2|_另一个斜体_|`段内代码`|
|[超链接也可以](http://www.baidu.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/i1689074/4709c499adfdb7d4.jpg" width=30 />
嗯,常用的基本就这些了。

这里是这篇文章的源文件:

测试各种样式的帖子哦


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

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


下划线生成标题:
下划线标题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
接着是图片:

江一燕,我的女神

和引用式的用法:![https://img.haomeiwen.com/i1689074/56050fe1a2db30ec.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/720/q/100]

图片说明里也可以使用各种语法,比如**粗体**,*斜体*,~~删除线~~,`段内代码`

表格:

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/i1689074/4709c499adfdb7d4.jpg" width=30 />
嗯,常用的基本就这些了。


  1. 这个就是注脚内容,写在文章最后(为什么不好用呢)

相关文章

  • 简书中Markdown的用法

    简书中如何使用Markdown编辑器 然后 Tips:将编辑器改成Markdown后,一定要新建 markdown...

  • 简书中markdown编辑器使用方式总结

    使用总结

    圈块(上面是分割线) 说明 强制换行 引用 大连海洋大学信息工程学院信息工程学...

  • 简书中使用Markdown

    简书上写文章将编辑器从富文本切换至Markdown 简书中Markdown编辑器预览模式

  • 献给写作者的 Markdown 新手指南

    在简书中想使用markdown就要在设置中设置下:设置——基础设置——选择常用的编辑器——markdown好了现在...

  • Markdown

    Markdown编辑简书 初次使用Markdown语法编辑器,感觉其语法和很多语言相识,简书中有篇文章对其介绍比较...

  • markdown的简单使用

    markdown简单小结 简书使用markdown需要先在设置里面将默认编辑器改为markdown,使用时选择视图...

  • 简书-Markdown 编辑器使用手册

    用简书-Markdown 编辑器写文章 欢迎使用 简书-Markdown 编辑器撰写技术文章,只专注于内容和技术,...

  • 继续测试

    使用Markdown默认编辑模式 今日わい天気ですね 在简书中进行Markdown编辑器需要注意中英文切换,Mar...

  • Mardown---编辑模式

    简书文章编辑可以使用Markdown编辑器 -点击设置--基础设置 将常用编辑器 markdown 选中即可,...

  • 简书设置Markdown及其语法大全

    1.简书中如何设置使用Markdown? 设置中把富文本改为Markdown即可。 2.简书中的Markdown支...

网友评论

      本文标题:简书中markdown编辑器使用方式总结

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