如何使用MarkDown输入连续的两个区块引用
2016-07-03 本文已影响4360人
王一航
效果展示
我是引用区块一
我是引用区块二
方法
- 思路分析
当我们想要连续输入两个连续的引用区块的时候,我们总是会想加上一个换行会不会就表示引用区块的结束呢?
也就是这样
> 引用区块一
> 引用区块二
我们会发现,这两个引用区块没有连接在一起的原因就是第一个引用区块并没有结束.那么我们如何结束第一个引用区块呢?
请大家看下面的代码
代码:
> 引用区块一
区块外内容
效果
引用区块一
区块外内容
这段代码中,因为在第一个引用区块要结束的地方键入了换行符
因此会被渲染成这个区块已经结束了
但是如果我们这段代码后面还有'>'字符,那么这部分就会被渲染成一个引用区块,因此为了输入两个连续的引用区块,我们必须先结束第一个引用区块,然后再开始第二个引用区块.
具体的方法是:
先输入第一个引用区块
然后键入空格
为了使系统认为我们第一个区块已经'完全'结束
我们需要再键入一个换行,然后键入一个全角空格
然后就可以继续使用'>'来开始第二个引用区块
具体代码如下:
> 我是引用区块一
(注意左方有一个全角空格)
>我是引用区块二
效果如下:
我是引用区块一
我是引用区块二
后记:
又发现了一种方法.
-
原理:
- MarkDown的工作原理其实也是通过把用户的输入按照它固定的语法进行解析和渲染,而这个渲染得到的结果是一个Html页面,因此MarkDown也支持原生的Html对象,所以我们可以直接在MarkDown中按照Html的语法规范来进行书写.
- 我们知道Html5中有这个blockquote标签:
因此我们可以利用直接输入Html标签来实现连续使用两个引用区块的效果.
HTML 5 <blockquote> 标签
定义和用法
<blockquote> 标签定义摘自另一个源的块引用。
<blockquote> 与 </blockquote> 之间的所有文本
都会从常规文本中分离出来,
经常会在左、右两边进行缩进,
而且有时会使用斜体。
也就是说,块引用拥有它们自己的空间。
-
代码如下:
- 代码一
<blockquote>引用区块一</blockquote>
<blockquote>引用区块二</blockquote>
- 代码二
<blockquote>引用区块一</blockquote>
<blockquote>引用区块二</blockquote>
- 代码三
<blockquote>引用区块一</blockquote><blockquote>引用区块二</blockquote>
-
效果如下:
- 代码一
<blockquote>引用区块一</blockquote>
<blockquote>引用区块二</blockquote> - 代码二
<blockquote>引用区块一</blockquote>
<blockquote>引用区块二</blockquote>
- 代码三
<blockquote>引用区块一</blockquote><blockquote>引用区块二</blockquote>
- 总结
根据上述三段代码,我们发现 - 第一种:
不能完美实现我们需要的效果,两个引用区块之间的间隔过大 - 第二种:
经过测试发现,第二种方法并没有第三种方法好,由于键入了换行,如果是在正常情况下,有可能会导致文档结构混乱(如:上述代码所示,如果是在正常情况下书写代码二,得到的效果就是我们想要的)
注:(解释上述的正常情况)- 目前编辑的文本的级别最高
- 没有使用列表
- 在文档结构的头结点下进行编辑
- 成在文档结构的根目录进行编辑
- 第三种:
完美解决方案,不会造成文档结构混乱.
其实如果是在正常情况下,代码二和代码三是没有任何区别的,但是一旦有了在有结构的文档中进行编辑,代码三的优势就会体现出来,它不会引起代码结构的混乱.