Markdown快速入門

來自專欄 Mark碼克

Markdown是一種標記語言，它因為「代碼簡練、顯示精美」而受到很多人的喜愛。在這篇文章你將初步入門Markdown。

標題

在Markdown中總共有6個標題，我們分別把它們稱為：一級標題、二級標題、三級標題、四級標題、五級標題和六級標題。其中六級標題最小，一級標題最大。

# 一級標題## 二級標題### 三級標題#### 四級標題##### 五級標題###### 六級標題

代碼格式：# 顯示內容

換行

在Markdown之中我們會發現文字無法換行，始終集中在一行之中。這時如果需要換行那麼該怎麼辦呢？

在這裡我們可以使用「換行標籤」（</br>）。

上段文字</br>下段文字

Ps:在一些Markdown編輯器中，如：網易雲筆記的Markdown編輯器中空格+換行鍵(Enter)，也可以實現換行功能。

注釋

其實Markdown可以不用注釋的，但如果想在Markdown使用注釋，其實也是很簡單的。代碼如下：

[瞎寫個]:這裡寫注釋

代碼格式：[xx]:注釋內容

你只需要在大括弧[]內瞎寫一些內容，再加上你要寫的注釋內容即可。

分割線

分割線在我們寫文章或筆記的時候是一個不可缺少的內容，它可以清楚的將文章分成不同的層次。在Markdown中分割線代碼如下：

看***分割線

代碼格式：***

引用

在我們想要引用一句話的時候，我們在Markdown中使用如下代碼：

>引用話語

代碼格式：>引用的內容

文字樣式

在Markdown中有：斜體、加粗、高亮、劃線。這些文字樣式供我們選擇，代碼如下：

*斜體*</br>**加粗**</br>==高亮==</br>~~劃線~~

但如果我們想修改文字大小/顏色/字體，就要用font標籤，代碼如下：

<font color=#2196F3 size=2 face="宋體">宋體大小為2的字</font>

color代表字體顏色（要用16進位顏色值），size代表文字大小，face代表字體

最後我們來實現「文字居中」就要center標籤，代碼如下：

<center>居中</center>

Ps：center和font都是html的標籤，在markdown也能用

代碼高亮

在Markdown中如果我們想要高亮一段代碼，可以使用如下代碼：

```key 代碼 ```

代碼格式就是上面的，當然key要換成自己需要的編程語言（如：java）。

列表

在Markdown中我們可以繪製列表，代碼格式如下：

- 列表1 - 列表1.1 - 列表1.2

代辦事項

在Markdown中你可以輸入你最近的代辦事項，代碼格式如下：

- [ ] 未完成事項

- [x] 已完成事項

Ps：帶x的代表已經完成的事項，空格的為還沒有完成的事項

鏈接以及圖片

在Markdown中添加鏈接和圖片有異曲同工之妙，所以我們放在一起來講，代碼如下：

[知乎](https://www.zhihu.com/)![logo](https://gss2.bdstatic.com/-fo3dSag_xI4khGkpoWK1HF6hhy/baike/crop%3D23%2C0%2C529%2C349%3Bc0%3Dbaike80%2C5%2C5%2C80%2C26/sign=03b3df5f45540923be26393eaf6ae225/810a19d8bc3eb135bdf896c7aa1ea8d3fd1f448a.jpg)

代碼格式(鏈接)：[顯示名稱](鏈接)

代碼格式(圖片)：[名稱](圖片鏈接)

表格

在Markdown中我們同樣可以繪製表格，代碼格式如下：

大標題1|大標題2|大標題3---|---|---內容1|內容2|內容3內容1|內容2|內容3

Ps：第二行中---|---|---是由幾個大標題寫幾個，這裡是三個所以寫成---|---|---，如果是兩個就是---|---，四個就是---|---|---|---

流程圖

在Markdown中我們可以用流程圖（類似於：樹狀圖），來明確信息之間的關係。

• 流程圖基礎

我們先來看一下簡單的流程圖代碼：

```graph LRA-->B``````graph LRA---B``````graph LRA[A]---|插入文本|B[B]X-->|插入文本|Y```

我們來看一下顯示效果

其中大體格式如下：

```graph xxyy```

xx可以是TB/BT/RL/LR，他們代表：從上至下/從下至上/從右至左/從左至右

yy可以是A-->B/A---B，第一個是帶箭頭的（上圖1），第二個是不帶箭頭的（上圖2）

如果我們在A-->B/A---B想像上圖3,4一樣添加文字怎麼辦呢？我們可以這麼寫：A-->|插入文本|B

• 流程圖進階

流程圖中的圖形有：圓形、矩形和菱形。那麼使用他們的代碼如下：

```graph TBA((圓))``````graph TBA[長方形]``````graph TBA{菱形}```

從上圖中我們可以看出：圓形(())、長方形[]、菱形{}

至於每個前面的A，大家可以換成自己想寫的文字，它最後是不會顯示出來的。

• 流程圖實戰

接下來我們來做個簡單的流程圖，代碼如下：

```graph TBA[1]-->B[2]B-->XB-->|插入文本|YB-->Z```

甘特圖

甘特圖能夠將你最近的計劃直觀地顯示出來，對我們的計劃安排很有用。我們來看下代碼：

```ganttdateFormat YYYY-MM-DDtitle 計劃section 計劃1分班考: 2018-07-21, 4dsection 計劃2吉他: 2018-07-23, 10dsection 計劃3電子琴: 2018-07-21, 10d```

上面是我用甘特圖做的最近幾天的計劃。效果如下：

紅線代表現在是時間，從中我們們可以看出我「現在正在做的事情」和「即將完成/結束的事情」。

代碼格式如下：

```ganttdateFormat YYYY-MM-DDtitle 大標題section 橫向計劃1計劃詳細名稱: 日期(如:2018-07-21), 時長(如:4d)section 橫向計劃2吉他: 日期(2018-07-23), 時長(10d)```

我在這說明一個注意點：

dateFormat YYYY-MM-DD 說明日期的格式是：年-月-日，我們在寫日期的時候也必須按照這些規矩，必須寫成如：2018-07-24這樣，不能寫成2018年07月24日/2018-7-24。

至此，全篇結束。（終於寫完了！！！）

推薦閱讀：