Markdown 學(xué)習(xí)筆記

標(biāo)題


實(shí)現(xiàn)方法一:

使用 多個(gè)相連的 "="(最高階標(biāo)題) 或者 "-"(第二階標(biāo)題)

This is an H1
=============

This is an H2
-------------

This is an H1

This is an H2


實(shí)現(xiàn)方法二:

使用 1~6個(gè)# 來(lái)實(shí)現(xiàn) H1~H6

# 這是 H1

## 這是 H2

###### 這是 H6

這是 H1

這是 H2

這是 H6

區(qū)塊引用

使用 ">" 符號(hào)來(lái)表現(xiàn)


標(biāo)準(zhǔn)的 每一行都加上 ">":

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
>
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
> id sem consectetuer libero luctus adipiscing.

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.


偷懶的 在段落的第一段 加上 ">" :


> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.


區(qū)塊引用可以嵌套(例如:引用內(nèi)的引用),只要根據(jù)層次加上不同數(shù)量的 > :

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

This is the first level of quoting.

This is nested blockquote.

Back to the first level.


引用的區(qū)塊內(nèi)也可以使用其他的 Markdown 語(yǔ)法,包括標(biāo)題、列表、代碼區(qū)塊等:

> ## 這是一個(gè)標(biāo)題。
>
> 1.   這是第一行列表項(xiàng)。
> 2.   這是第二行列表項(xiàng)。
>
> 給出一些例子代碼:
>
>     return shell_exec("echo $input | $markdown_script");

這是一個(gè)標(biāo)題。

  1. 這是第一行列表項(xiàng)。
  2. 這是第二行列表項(xiàng)。

給出一些例子代碼:

return shell_exec("echo $input | $markdown_script");

列表

無(wú)序列表使用星號(hào)、加號(hào)或是減號(hào)作為列表標(biāo)記:

*   Red
*   Green
*   Blue
  • Red
  • Green
  • Blue

等同于:

+   Red
+   Green
+   Blue
  • Red
  • Green
  • Blue

也等同于:

-   Red
-   Green
-   Blue
  • Red
  • Green
  • Blue

有序列表則使用數(shù)字接著一個(gè)英文句點(diǎn):

1.  Bird
2.  McHale
3.  Parish
  1. Bird
  2. McHale
  3. Parish

你輸入的數(shù)字 不會(huì)影響 Markdown 的表現(xiàn)結(jié)果:

3. Bird
1. McHale
8. Parish
  1. Bird
  2. McHale
  3. Parish

要讓列表看起來(lái)更漂亮,你可以把內(nèi)容用固定的縮進(jìn)整理好:

*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.

但是如果你懶,那也行:

*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
  • Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.

如果要在列表項(xiàng)目?jī)?nèi)放進(jìn)引用,那 > 就需要縮進(jìn):

*   A list item with a blockquote:

    > This is a blockquote
    > inside a list item.
  • A list item with a blockquote:

    This is a blockquote
    inside a list item.


如果要放代碼區(qū)塊的話,該區(qū)塊就需要縮進(jìn)兩次,也就是 8 個(gè)空格或是 2 個(gè)制表符:

*   一列表項(xiàng)包含一個(gè)列表區(qū)塊:

        <代碼寫在這>
  • 一列表項(xiàng)包含一個(gè)列表區(qū)塊:

    Hello World
    

當(dāng)然,項(xiàng)目列表很可能會(huì)不小心產(chǎn)生,像是下面這樣的寫法:

1986. What a great season.

換句話說(shuō),也就是在行首出現(xiàn)數(shù)字-句點(diǎn)-空白,要避免這樣的狀況,你可以在句點(diǎn)前面加上反斜杠。

1986\. What a great season.

代碼區(qū)塊

要在 Markdown 中建立代碼區(qū)塊很簡(jiǎn)單,只要簡(jiǎn)單地縮進(jìn) 4 個(gè)空格或是 1 個(gè)制表符就可以,例如,下面的輸入:

這是一個(gè)普通段落:

    這是一個(gè)代碼區(qū)塊。

這是一個(gè)普通段落:

這是一個(gè)代碼區(qū)塊。

Markdown 會(huì)轉(zhuǎn)換成:

<p>這是一個(gè)普通段落:</p>

<pre><code>這是一個(gè)代碼區(qū)塊。
</code></pre>

分隔線

你可以在一行中用三個(gè)以上的星號(hào)、減號(hào)、底線來(lái)建立一個(gè)分隔線,行內(nèi)不能有其他東西。你也可以在星號(hào)或是減號(hào)中間插入空格。下面每種寫法都可以建立分隔線:

* * *

***

*****

- - -

---------------------------------------





鏈接

行內(nèi)鏈接

要建立一個(gè)行內(nèi)式的鏈接,只要在方塊括號(hào)后面緊接著圓括號(hào)并插入網(wǎng)址鏈接即可,如果你還想要加上鏈接的 title 文字,只要在網(wǎng)址后面,用雙引號(hào)把 title 文字包起來(lái)即可,例如:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

This is an example inline link.

This link has no title attribute.

參考式鏈接

鏈接的定義可以放在文件中的任何一個(gè)地方,我比較偏好直接放在鏈接出現(xiàn)段落的后面,你也可以把它放在文件最后面,就像是注解一樣。

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.

如果改成用鏈接名稱的方式寫:

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

I get 10 times more traffic from Google than from
Yahoo or MSN.


強(qiáng)調(diào)

Markdown 使用星號(hào)(*)和底線(_)作為標(biāo)記強(qiáng)調(diào)字詞的符號(hào),被 * 或 _ 包圍的字詞會(huì)被轉(zhuǎn)成用 <em> 標(biāo)簽包圍,用兩個(gè) * 或 _ 包起來(lái)的話,則會(huì)被轉(zhuǎn)成 <strong>

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

single asterisks

single underscores

double asterisks

double underscores


代碼

使用 "`" 包裹

Use the `printf()` function.

Use the printf() function.


圖片

詳細(xì)敘述如下:

    一個(gè)驚嘆號(hào) !
    接著一個(gè)方括號(hào),里面放上圖片的替代文字
    接著一個(gè)普通括號(hào),里面放上圖片的網(wǎng)址,最后還可以用引號(hào)包住并加上 選擇性的 'title' 文字。

行內(nèi)式

![Alt text](https://p.ssl.qhimg.com/dmsmty/148_148_100/t010ec017a8cce0e42e.jpg)

![Alt text](https://p.ssl.qhimg.com/dmsmty/148_148_100/t010ec017a8cce0e42e.jpg "Optional title")
Alt text
Alt text
Alt text
Alt text

參考式

![Alt text][id]
[id]: https://p.ssl.qhimg.com/dmsmty/148_148_100/t010ec017a8cce0e42e.jpg  "Optional title attribute"

![Alt text][id]
[id]: https://p.ssl.qhimg.com/dmsmty/148_148_100/t010ec017a8cce0e42e.jpg "Optional title attribute"


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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