如何使用MarkDown輸入連續(xù)的兩個(gè)區(qū)塊引用


效果展示


我是引用區(qū)塊一

我是引用區(qū)塊二


方法


  • 思路分析
    當(dāng)我們想要連續(xù)輸入兩個(gè)連續(xù)的引用區(qū)塊的時(shí)候,我們總是會(huì)想加上一個(gè)換行會(huì)不會(huì)就表示引用區(qū)塊的結(jié)束呢?
    也就是這樣
> 引用區(qū)塊一
> 引用區(qū)塊二

我們會(huì)發(fā)現(xiàn),這兩個(gè)引用區(qū)塊沒有連接在一起的原因就是第一個(gè)引用區(qū)塊并沒有結(jié)束.那么我們?nèi)绾谓Y(jié)束第一個(gè)引用區(qū)塊呢?
請(qǐng)大家看下面的代碼


代碼:

> 引用區(qū)塊一

區(qū)塊外內(nèi)容

效果

引用區(qū)塊一

區(qū)塊外內(nèi)容


這段代碼中,因?yàn)樵诘谝粋€(gè)引用區(qū)塊要結(jié)束的地方鍵入了換行符
因此會(huì)被渲染成這個(gè)區(qū)塊已經(jīng)結(jié)束了
但是如果我們這段代碼后面還有'>'字符,那么這部分就會(huì)被渲染成一個(gè)引用區(qū)塊,因此為了輸入兩個(gè)連續(xù)的引用區(qū)塊,我們必須先結(jié)束第一個(gè)引用區(qū)塊,然后再開始第二個(gè)引用區(qū)塊.
具體的方法是:
先輸入第一個(gè)引用區(qū)塊
然后鍵入空格
為了使系統(tǒng)認(rèn)為我們第一個(gè)區(qū)塊已經(jīng)'完全'結(jié)束
我們需要再鍵入一個(gè)換行,然后鍵入一個(gè)全角空格
然后就可以繼續(xù)使用'>'來開始第二個(gè)引用區(qū)塊
具體代碼如下:

> 我是引用區(qū)塊一

 (注意左方有一個(gè)全角空格)
>我是引用區(qū)塊二

效果如下:

我是引用區(qū)塊一

我是引用區(qū)塊二


后記:

又發(fā)現(xiàn)了一種方法.

  • 原理:
  • MarkDown的工作原理其實(shí)也是通過把用戶的輸入按照它固定的語法進(jìn)行解析和渲染,而這個(gè)渲染得到的結(jié)果是一個(gè)Html頁面,因此MarkDown也支持原生的Html對(duì)象,所以我們可以直接在MarkDown中按照Html的語法規(guī)范來進(jìn)行書寫.
  • 我們知道Html5中有這個(gè)blockquote標(biāo)簽:
    因此我們可以利用直接輸入Html標(biāo)簽來實(shí)現(xiàn)連續(xù)使用兩個(gè)引用區(qū)塊的效果.
HTML 5 <blockquote> 標(biāo)簽
 
定義和用法
<blockquote> 標(biāo)簽定義摘自另一個(gè)源的塊引用看疙。
 
<blockquote> 與 </blockquote> 之間的所有文本
都會(huì)從常規(guī)文本中分離出來颗味,
經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)剃袍,
而且有時(shí)會(huì)使用斜體善绎。
也就是說黔漂,塊引用擁有它們自己的空間。
  • 代碼如下:
  • 代碼一
<blockquote>引用區(qū)塊一</blockquote>
<blockquote>引用區(qū)塊二</blockquote>
  • 代碼二
<blockquote>引用區(qū)塊一</blockquote>
 
<blockquote>引用區(qū)塊二</blockquote>
  • 代碼三
<blockquote>引用區(qū)塊一</blockquote><blockquote>引用區(qū)塊二</blockquote>
  • 效果如下:
  • 代碼一
    <blockquote>引用區(qū)塊一</blockquote>
    <blockquote>引用區(qū)塊二</blockquote>
  • 代碼二
    <blockquote>引用區(qū)塊一</blockquote>

<blockquote>引用區(qū)塊二</blockquote>

  • 代碼三
    <blockquote>引用區(qū)塊一</blockquote><blockquote>引用區(qū)塊二</blockquote>

  • 總結(jié)
    根據(jù)上述三段代碼,我們發(fā)現(xiàn)
  • 第一種:
    不能完美實(shí)現(xiàn)我們需要的效果,兩個(gè)引用區(qū)塊之間的間隔過大
  • 第二種:
    經(jīng)過測(cè)試發(fā)現(xiàn),第二種方法并沒有第三種方法好,由于鍵入了換行,如果是在正常情況下,有可能會(huì)導(dǎo)致文檔結(jié)構(gòu)混亂(如:上述代碼所示,如果是在正常情況下書寫代碼二,得到的效果就是我們想要的)
    注:(解釋上述的正常情況)
    • 目前編輯的文本的級(jí)別最高
    • 沒有使用列表
    • 在文檔結(jié)構(gòu)的頭結(jié)點(diǎn)下進(jìn)行編輯
    • 成在文檔結(jié)構(gòu)的根目錄進(jìn)行編輯
  • 第三種:
    完美解決方案,不會(huì)造成文檔結(jié)構(gòu)混亂.
    其實(shí)如果是在正常情況下,代碼二和代碼三是沒有任何區(qū)別的,但是一旦有了在有結(jié)構(gòu)的文檔中進(jìn)行編輯,代碼三的優(yōu)勢(shì)就會(huì)體現(xiàn)出來,它不會(huì)引起代碼結(jié)構(gòu)的混亂.
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末涂邀,一起剝皮案震驚了整個(gè)濱河市瘟仿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌比勉,老刑警劉巖劳较,帶你破解...
    沈念sama閱讀 222,000評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異浩聋,居然都是意外死亡观蜗,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門衣洁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來墓捻,“玉大人,你說我怎么就攤上這事坊夫∽┑冢” “怎么了?”我有些...
    開封第一講書人閱讀 168,561評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵环凿,是天一觀的道長(zhǎng)梧兼。 經(jīng)常有香客問我,道長(zhǎng)智听,這世上最難降的妖魔是什么羽杰? 我笑而不...
    開封第一講書人閱讀 59,782評(píng)論 1 298
  • 正文 為了忘掉前任渡紫,我火速辦了婚禮,結(jié)果婚禮上考赛,老公的妹妹穿的比我還像新娘惕澎。我一直安慰自己,他們只是感情好颜骤,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,798評(píng)論 6 397
  • 文/花漫 我一把揭開白布唧喉。 她就那樣靜靜地躺著,像睡著了一般复哆。 火紅的嫁衣襯著肌膚如雪欣喧。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,394評(píng)論 1 310
  • 那天梯找,我揣著相機(jī)與錄音唆阿,去河邊找鬼。 笑死锈锤,一個(gè)胖子當(dāng)著我的面吹牛驯鳖,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播久免,決...
    沈念sama閱讀 40,952評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼浅辙,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了阎姥?” 一聲冷哼從身側(cè)響起记舆,我...
    開封第一講書人閱讀 39,852評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎呼巴,沒想到半個(gè)月后泽腮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,409評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡衣赶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,483評(píng)論 3 341
  • 正文 我和宋清朗相戀三年诊赊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片府瞄。...
    茶點(diǎn)故事閱讀 40,615評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡碧磅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出遵馆,到底是詐尸還是另有隱情鲸郊,我是刑警寧澤,帶...
    沈念sama閱讀 36,303評(píng)論 5 350
  • 正文 年R本政府宣布货邓,位于F島的核電站秆撮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏逻恐。R本人自食惡果不足惜像吻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,979評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望复隆。 院中可真熱鬧拨匆,春花似錦、人聲如沸挽拂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽亏栈。三九已至台腥,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間绒北,已是汗流浹背黎侈。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留闷游,地道東北人峻汉。 一個(gè)月前我還...
    沈念sama閱讀 49,041評(píng)論 3 377
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像脐往,于是被迫代替她去往敵國(guó)和親休吠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,630評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,302評(píng)論 25 707
  • 徐猛_Merlin閱讀 385評(píng)論 0 0
  • 原文:中文版來了业簿!UI設(shè)計(jì)師必讀的IOS 10人機(jī)界面設(shè)計(jì)指南 (一) 1.1 設(shè)計(jì)原則(Design Princ...
    靈魂設(shè)計(jì)師閱讀 1,309評(píng)論 0 5
  • 下午應(yīng)一位新認(rèn)識(shí)的老鄉(xiāng)朋友霞的邀約瘤礁,去認(rèn)識(shí)另一位,據(jù)說是治療頸椎有特效的80后美女老鄉(xiāng)靜梅尤。 在這之前柜思,與霞同是“陽...
    旼旪閱讀 658評(píng)論 0 2
  • 任俠平生愿 一葉邊舟蓮波滟 秋水墨色染 如見美人眼波憐 故人久未見 焚詩煮酒杯未滿 風(fēng)長(zhǎng)卷 輕將紅袖挽 請(qǐng)君三尺劍...
    村雨Murasame閱讀 1,666評(píng)論 0 0