前端學習-Markdown語法小結

Markdown 是一種輕量級的「標記語言」，它的優點很多，目前也被越來越多的寫作愛好者，撰稿者廣泛使用。看到這裡請不要被「標記」、「語言」所迷惑，Markdown 的語法十分簡單。常用的標記符號也不超過十個，這種相對於更為複雜的HTML 標記語言來說，Markdown 可謂是十分輕量的，學習成本也不需要太多，且一旦熟悉這種語法規則，會有一勞永逸的效果。

使用Markdown的優點

• 專註你的文字內容而不是排版樣式。
• 輕鬆的導出 HTML、PDF 和本身的 .md 文件。
• 純文本內容，兼容所有的文本編輯器與字處理軟體。
• 可讀，直觀。適合所有人的寫作語言。

Markdown語法簡要規則

標題

# 一級標題n## 二級標題n### 三級標題n···n以此類推，總共六級標題，建議在井號後加一個空格，這是最標準的 Markdown 語法。n

列表

在 Markdown 下，列表的顯示只需要在文字前加上 - 或 * 即可變為無序列表，有序列表則直接在文字前加 1. 2. 3. 符號要和文字之間加上一個字元的空格：

- redn- bluen- greenn等同於n* redn* bluen* greenn有序列表n1. redn2. bluen3. greenn

引用

如果你需要引用一小段別處的句子，那麼就要用引用的格式。

> 引用的語句 n

只需要在文本前加入 > 這種尖括弧（大於號）即可。

圖片與鏈接

要建立一個行內式的鏈接，只要在方塊括弧後面緊接著圓括弧並插入網址鏈接即可：

[鏈接說明](要插入的鏈接) n

Markdown 使用一種和鏈接很相似的語法來標記圖片，詳細敘述如下：

• 一個驚嘆號 !
• 接著一個方括弧，裡面放上圖片的替代文字
• 接著一個普通括弧，裡面放上圖片的網址，最後還可以用引號包住並加上 選擇性的 title 文字。

![圖片說明](要插入的圖片鏈接) n

插入鏈接與插入圖片的語法很像，區別在一個!號

插入圖片的地址需要圖床，這裡推薦 1. http://jiantuku.com ; 2. sm.ms ; 3. 七牛，生成URL地址即可。

粗體與斜體

Markdown 的粗體和斜體也非常簡單，用兩個 * 包含一段文本就是粗體的語法，用一個 * 包含一段文本就是斜體的語法。

**要加粗的內容**n*要設置斜體的內容*n

表格

表格的寫法如下：

| Tables | Are | Cool |n| ------------- |:-------------:| -----:|n| col 3 is | right-aligned | $1600 |n| col 2 is | centered | $12 |n| zebra stripes | are neat | $1 | n

代碼

如果要標記一小段行內代碼，你可以用反引號把它包起來（`）：

Use the `printf()` function.n

或者使用多個反引號 代碼段把圍住一段代碼

```n<div><div>n<div><div>n<div><div>n```n

更多的Markdown語法說明可參考鏈接：Markdown語法說明

推薦閱讀：