1. 程式人生 > 其它 >Markdown基礎語法(上)

Markdown基礎語法(上)

前言

按照官方文件,和根據自己所用和所理解所寫

一.標題語法

一級標題最大,六級標題最小

# 一級標題

## 二級標題

### 三級標題

#### 四級標題

##### 五級標題

###### 六級標題

二.段落語法

一個回車一個段落

我是真的喜歡你

不,你是個好人。

三.換行語法

在一行的末尾新增兩個或者多個空格然後回車就可以建立一個換行
官方說的是還是直接回車鍵實現換行。我在換行的地方輸入了 br
可以對比段落語法和換行語法一行的間距區別,還是很明顯的。

這是第一行
這是第二行

四.強調語法

如果要加粗文字在單詞或者短語前後加上
加上兩個**即可,或者兩個下劃線

正常字型

1.粗體

加粗

但是我的建議是使用**來實現加粗

渲染程式碼如下

**加粗**
**加粗**

第二種語法在長句無效

2.傾斜

傾斜

渲染程式碼如下

_傾斜_

3.斜體加粗

斜體加粗

渲染程式碼如下

**_斜體加粗_**

五.引用語法

1.單個引用

如果要建立引用在段落前面加上">"

I really like you

> I really like you

2.多個引用

Do you like rain?

yes

渲染程式碼如下

> Do you like rain
>
> yes

3.多層引用

一二三四五

六七八九十

十一十二十三

十四十五

十六十七

十八十九

渲染程式碼如下

> 一二三四五
>
> > 六七八九十
> >
> > > 十一十二十三
> > >
> > > > 十四十五
> > > >
> > > > > 十六十七
> > > > >
> > > > > > 十八十九

4.帶有其他元素的塊引用

四級標題

  • 測試 1

  • 測試 2

    測試 測試 測試

渲染程式碼如下

> 四級標題
>
> - 測試 1
> - 測試 2
>
>   _測試_ 測試 **測試**

六.列表語法

1.有序列表

需要注意的是“.”的後面有一個空格

  1. 第一個
  2. 第二個
  3. 第三個
  4. 第四個

渲染程式碼如下

1. 第一個
2. 第二個
3. 第三個
4. 第四個
  1. 第一個
  2. 第二個
  3. 第三個
    1. 第三點一個
    2. 第三點二個
  4. 第四個

渲染程式碼如下

1. 第一個
2. 第二個
3. 第三個
   1. 第三點一個
   2. 第三點二個
4. 第四個

2.無序列表

和上面的有序列表差不多都有空格

  • 第一個
  • 第二個
  • 第三個
  • 第四個

渲染程式碼如下

- 第一個
- 第二個
- 第三個
- 第四個

另外一種方法,一樣的效果

  • 第一個
  • 第二個
  • 第三個
  • 第四個

渲染程式碼如下

* 第一個
* 第二個
* 第三個
* 第四個

層級

  • 第一個
  • 第二個
  • 第三個
    • 第一個
    • 第二個
    • 第三個
  • 第四個

渲染程式碼如下

- 第一個
- 第二個
- 第三個
  - 第一個
  - 第二個
  - 第三個
- 第四個

3.在列表中套用其他元素

3.1段落
  • 第一個

  • 第二個

    我是第三個

  • 第四個

渲染程式碼如下

- 第一個

- 第二個

  我是第三個

- 第四個
3.2引用
  • 第一個

  • 第二個

    我是第三個

  • 第四個

渲染程式碼如下

- 第一個

- 第二個

  > 我是第三個

- 第四個
3.3程式碼塊
  1. 第一個

  2. 第二個

    測試
  3. 第三個

渲染程式碼如下

1. 第一個

2. 第二個
   <html>
   	<head>
   	    <title>測試</title>
   	</head>
   </html>
3. 第三個
3.4列表
  1. 第一個
  2. 第二個
    • 第一個
    • 第二個
  3. 第三個

渲染程式碼如下

1. 第一個
2. 第二個
   - 第一個
   - 第二個
3. 第三個

七.程式碼語法

如果要把單詞或者短語表示為程式碼就用`包裹程式碼

print是 python 的輸出語句

渲染程式碼如下

`print`是 python 的輸出語句

1.轉義符

如果需要展現出`符號,請在單詞或者短語用``包裹

Markdown程式碼表示單詞語法是`print`是對的

渲染程式碼如下

`` Markdown程式碼表示單詞語法是`print`是對的 ``

八.分割線語法

如果要使用分割線,在單獨一行使用三個或者多個***或者---或者___

並且不能包含其他內容




渲染程式碼如下

---
---

---

為了相容性在分割線前後加上空白行

九.連結語法

這是一個連結Ken 的部落格

渲染程式碼如下

這是一個連結[Ken 的部落格](https://blog.takagisan.top)

1.給連結增加 title

這是一個連結Ken 的部落格

渲染程式碼如下

這是一個連結[Ken 的部落格](https://blog.takagisan.top "Ken的部落格")

2.網址和 email 地址

使用尖括號即可方便把 URL 或者 email 地址變成可點選的連結。

https://blog.takagisan.top

[email protected]

渲染程式碼如下

<https://blog.takagisan.top>

<[email protected]>

3.帶格式化的連結

這是我的部落格

這是我的部落格

This is code

渲染程式碼如下

這是我的**[部落格](https://blog.takagisan.top "Ken的部落格")**

這是我的*[部落格](https://blog.takagisan.top "Ken的部落格")*

This is [`code`](#code)

4.引用型別連結

儘量如下樣式

  • [1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle

渲染程式碼如下

- `[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle`

十.圖片語法

要使用影象使用!在方括號裡新增替代文字在與圓括號放圖片連結

渲染程式碼如下

![這是一張圖片](/images/Fuchenchenle.png "這是一個圖片")

1.連結圖片

和上面的區別是,使用了另外一個方括號把上面的內容括起來,然後使用了另外一個圓括號

渲染程式碼如下

[![這是一個圖片](/images/Fuchenchenle.png)](https://blog.takagisan.top)

十一.轉義字元語法

要使原本用來格式化 Markdown 的字元在,前面新增反斜槓,\即可

*我好帥*

渲染程式碼如下

\*我好帥\*

1.可做轉義的字元

根據官方文件,如下圖,下圖都可以通過反斜槓來轉義

2.特殊字元自動轉義

如下是官方文件原文

在 HTML 檔案中,有兩個字元需要特殊處理: <&< 符號用於起始標籤,& 符號則用於標記 HTML 實體,如果你只是想要使用這些符號,你必須要使用實體的形式,像是 <&

& 符號其實很容易讓寫作網頁檔案的人感到困擾,如果你要打「AT&T」 ,你必須要寫成「AT&T」 ,還得轉換網址內的 & 符號,如果你要連結到:

http://images.google.com/images?num=30&q=larry+bird

你必須要把網址轉成:

http://images.google.com/images?num=30&amp;q=larry+bird

才能放到連結標籤的 href 屬性裡。不用說也知道這很容易忘記,這也可能是 HTML 標準檢查所檢查到的錯誤中,數量最多的。

Markdown 允許你直接使用這些符號,它幫你自動轉義字元。如果你使用 & 符號的作為 HTML 實體的一部分,那麼它不會被轉換,而在其它情況下,它則會被轉換成 &。所以你如果要在檔案中插入一個著作權的符號,你可以這樣寫:

&copy;

Markdown 將不會對這段文字做修改,但是如果你這樣寫:

AT&T

Markdown 就會將它轉為:

AT&amp;T

類似的狀況也會發生在 < 符號上,因為 Markdown 支援行內 html,如果你使用 < 符號作為 HTML 標籤的分隔符,那 Markdown 也不會對它做任何轉換,但是如果你是寫:

4 < 5

Markdown 將會把它轉換為:

4 &lt; 5

需要特別注意的是,在 Markdown 的塊級元素和內聯元素中, <& 兩個符號都會被自動轉換成 HTML 實體,這項特性讓你可以很容易地用 Markdown 寫 HTML。(在 HTML 語法中,你要手動把所有的 <& 都轉換為 HTML 實體。)

十二.內嵌 HTML 標籤

如下是官方文件原文

HTML 的行級內聯標籤如 <span><cite><del> 不受限制,可以在 Markdown 的段落、列表或是標題裡任意使用。依照個人習慣,甚至可以不用 Markdown 格式,而採用 HTML 標籤來格式化。例如:如果比較喜歡 HTML 的 <a><img> 標籤,可以直接使用這些標籤,而不用 Markdown 提供的連結或是圖片語法。當你需要更改元素的屬性時(例如為文字指定顏色或更改影象的寬度),使用 HTML 標籤更方便些。

HTML 行級內聯標籤和區塊標籤不同,在內聯標籤的範圍內, Markdown 的語法是可以解析的。

This **word** is bold. This <em>word</em> is italic.

渲染效果如下:

This word is bold. This word is italic.

1.區塊標籤

區塊元素 ── 比如 <div><table><pre><p> 等標籤,必須在前後加上空行,以便於內容區分。而且這些元素的開始與結尾標籤,不可以用 tab 或是空白來縮排。Markdown 會自動識別這區塊元素,避免在區塊標籤前後加上沒有必要的 <p> 標籤。

例如,在 Markdown 檔案里加上一段 HTML 表格:

This is a regular paragraph.

<table>
  <tr>
    <td>Foo</td>
  </tr>
</table>

This is another regular paragraph.

請注意,Markdown 語法在 HTML 區塊標籤中將不會被進行處理。例如,你無法在 HTML 區塊內使用 Markdown 形式的*強調*

2.Html 用法最佳實踐

出於安全原因,並非所有 Markdown 應用程式都支援在 Markdown 文件中新增 HTML。如有疑問,請檢視相應 Markdown 應用程式的手冊。某些應用程式只支援 HTML 標籤的子集。

對於 HTML 的塊級元素 <div><table><pre><p>,請在其前後使用空行(blank lines)與其它內容進行分隔。儘量不要使用製表符(tabs)或空格(spaces)對 HTML 標籤做縮排,否則將影響格式。

在 HTML 塊級標籤內不能使用 Markdown 語法。例如 <p>italic and **bold**</p> 將不起作用。