美文网首页办公专题
简书 markdown编辑器用法 精讲

简书 markdown编辑器用法 精讲

作者: Marydon | 来源:发表于2018-08-03 18:05 被阅读162次

您的一个点赞,一句留言,一次打赏,就是小编创作的动力源泉!
转载请注明原作者!
》》》打赏直通车


1.标题样式(六级)

标题 用法
一级标题 #
二级标题 ##
三级标题 ###
四级标题 ####
五级标题 #####
六级标题 ######

说明:
文字前面添加几个#号就代表几级标题;
#号和标题文字之间间隔一个空格。

建议:从后期维护的角度出发,建议将标题前后分别空一个空行,不会影响展示样式!

2.加粗与斜体

加粗:一段文本两边用2个 * 包含即可;
斜体:一段文本两边用1个 * 包含即可。
说明:不需要在每一行文本结尾都添加**

3.插入图片

方式一:上传本地图片

点击左上角上传图片按钮,选择你要上传的图片即可。 说明:

上传的图片默认会在[]间添加原图片的名称,形如:

![TIM截图20180804085904.png](https://img.haomeiwen.com/i13445093/91ab7b9085e98868.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

如果用不到,可以将[]的内容删掉。
方式二:使用网络图片
格式:[图片上传失败...(image-7f99af-1533348946127)]
注意:
如上图所示,插入图片的语法与段落文本之间的关系:
图片与文本进行了换行,则图片与文本之间会有一个大的空行;
图片与文本之间没有间隔,图片与文本没有间隙;
要想图片与文本之间都没有空行出现,则必须图片左右两端与其左右的文本0间距;
吐槽:这种方式很不讨人喜欢,虽然不影响展示效果的美观,但是从编辑者的角度来说,影响后期的维护!
updateTime--2018年8月9日08点46分
从后期维护的角度出发,如果你不介意图片与文字之间存在间隔,建议图片与文本之间间隔一个空行;
[]之间可以添加文字用于对该图片的具体描述信息。

4.插入链接

和插入图片相似,[](链接地址),图片只是前面多了一个 !

5.设置缩进

当你需要缩进的时候,会去习惯性的敲空格,但是,会发现在这个编辑器下敲多少个空格也不起作用!
一个 代表一个空格,一般设置首行缩进2个汉字,经测试需要7个 
       效果展示:

6.设置列表

有序列表(在文字前面加上 1. 2. 3.)

  1. markdown新手指南
  2. Marydon的博客

无序列表(在文字前面加上 ‘-’或‘*’)

  • markdown新手指南
  • Marydon的博客
带有链接的列表展示 注意:
-*1.与文本之间要保留一个字符的空格;
不管是有序列表还是无序列表,默认会继续将文本添加到列表中,要想下面的内容正常显示,需要间隔一个空行。

7.插入代码

并不是说只有写代码的人才会用到这个功能,比方说:我想在行首显示#,但是编辑器行首添加#号代表标题的意思,怎么才能让#显示出来,而不是解析成标题,这个时候就可以使用代码这个功能来解决。

只需要在#号两侧添加`即可(但不是最佳解决方案)。
单行代码:在代码的第一个字符前和代码的最后一个字符后分别添加1个`即可,背景色为灰色;
多行代码:第一行和最后一行分别添加3个`(必须得单独占一行),中间添加代码,背景色为黑色。
如何敲出`?
首先,查看当前输入法状态(中文还是英文),如果是中文状态,按shift键即可切换至英文状态;
其次,键盘左上角有个“Esc”键,找到它正下方那个键;
最后,再次按找到的那个键即可。
ps:按“Esc”键可以推出编辑器的预览模式
漏洞:
想让'在代码中出现,目前没有找到解决方案!

8.插入表格

语法:

| id|姓名    |简书地址                             |博客地址|
|---|------------|:-:|---------------------|
|***|Marydon |https://www.jianshu.com/u/45a4c4696c9a|https://www.cnblogs.com/Marydon20170307|

效果展示:

id 姓名 简书地址 博客地址
*** Marydon https://www.jianshu.com/u/45a4c4696c9a https://www.cnblogs.com/Marydon20170307

说明:
第一行代码表示的是表头信息,默认会加粗;
第二行代码,每一列都至少有一个-,即|-|,这一行代码是区分其是否是表格的依据,因此,必须存在,不能省略;

设置文字对齐方式:
左对齐:-最左边加或不加:,都表示左对齐;
右对齐:-最右边加:
居中:-的最左边和最右边都加:

9.水平线

格式:3个或3个以上*,需单独占一行***

10.引用

原义:引用他人的文字时提供的专属格式;
扩义:由于markdown不能自己定义文本展示样式,我们也可以把它当作一段话的概要。
语法:你只需要在你希望引用的文字前面加上 > 就好了。
注意:>和文文之间间隔一个空格;
默认会继续将下面的文本添加到引用样式中,要想下面的内容正常显示,需要间隔一个空行。

11.特殊字符转义

转义使用:\
接着7.插入代码说明,解决行首展现#的最佳解决方案是:在‘#’号前添加一个字符‘\’,这个字符在编程语言中,代表转义的意思;
想让`以文本的格式显示出来,同样需要转义符,如果你不转义,会存在什么问题?
在你下一次使用`号时,你会惊奇地发现:两个`间的文本内容竟然解析成了代码样式

更新:2018-10-30
如何在行首显示‘>’?
由于>在行首代表的是引用的样式,所以无法直接在行首显示>,如何解决呢?
方式一:使用转义符\,\>
方式二:使用html语言,&glt


相关推荐

相关文章

网友评论

    本文标题:简书 markdown编辑器用法 精讲

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