Markdown學習

Markdown標題

Markdown標題有兩種格式。

1. 使用=和-標記一級和二級標題

2. 使用#號標記

Markdown段落

Markdown段落沒有特殊的格式，直接編寫文字就好，段落的換行是使用兩個以上

空格加上回車。

當然也可以段落后面使用一個空行來表示重新開始一個段落。

字體

Markdown可以使用以下幾種字體

斜體文本

斜體文本

粗體文本

粗體文本

粗斜體文本

粗斜體文本

分隔線

你可以在一行中用三個以上的星號、減號、底線來建立一個分割線，行內不能有其他東西。你也可以在星號或者是減號中間插入空格。

刪除線

如果段落上的文字要添加刪除線，只需要在文字的兩端加上兩個波浪線即可

baidu.com

下劃線

下劃線可以通過HTML的<u>標簽來實現：

<u>帶下劃線文本</u>

腳注

腳注對文本的補充說明

Markdown腳注的格式如下：

Markdown列表

Markdown支持有序列表和無序列表

無序列表使用(*)、(+)或是(-)作為列表標記：

• 第一項
• 第二項
• 第三項

• 第一項
• 第二項
• 第三項

• 第一項
• 第二項
• 第三項

有序列表使用數字并加上.號來表示：

1. 第一項
2. 第二項
3. 第三項

列表嵌套

列表嵌套只需在子列表中的選項添加四個空格即可：

1. 第一項：

   • 第一項嵌套的第一個元素
   • 第一項嵌套的第二個元素

2. 第二項：

   • 第二項嵌套的第一個元素
   • 第二項嵌套的第二個元素

Markdown區塊

Markdown區塊引用是在段落開頭使用>符號，然后后面緊跟一個空格符號：

區塊引用

菜鳥教程

學的不僅是技術更是夢想

另外區塊是可以嵌套的，一個>符號是最外層，兩個>符號是第一層嵌套，以此類推：

最外層

第一層嵌套

第二層嵌套

區塊中使用列表

區塊中使用列表

1. 第一項
2. 第二項

• 第一項
• 第二項
• 第三項

列表中使用區塊

如果要在列表項目內放進區塊，那么就需要在>前添加四個空格的縮進。

• 第一項

  菜鳥教程

  學的不僅是技術更是夢想

• 第二項

Markdown代碼

存疑

如果是段落上的一個函數或片段的代碼可以用反引號把它抱起來(`)

print()函數

代碼區塊

代碼區塊使用4個空格或者一個制表符（Tab鍵）

< ?php

echo 'runoob'

function test() {

echo 'test';

Markdown鏈接

鏈接使用方法如下：

鏈接名稱

或者

<www.baidu.com>

高級鏈接

鏈接也可以用變量來代替，文檔末尾附帶變量地址：

這個鏈接用1作為網址變量Google

這個鏈接用runoob作為網址變量runoob

然后在文檔的結尾為變量賦值（網址）

Markdown圖片

Markdown圖片語法格式如下：

<img src="C:\Users\郭文川\Desktop\雜\微信圖片_20191021161529.png" alt="alt 屬性文本" style="zoom:60%;" />

• 開頭一個感嘆號!
• 接著一個方括號，里面放上圖片的替代文字
• 接著一個普通括號，里面放上圖片的網址，最后還可以用引號保住并加上選擇性的'title'屬性

當然，你也可以像網址那樣對圖片網址使用變量：

這個鏈接1作為網址變量runoob

然后在文檔的結尾為變量賦值（網址）

Markdown還沒有辦法指定圖片的高度與寬度。如果你需要的話，可以使用普通的<img>標簽

Markdown表格

Markdown制作表格使用|來分隔不同的單元格，使用-來分隔表頭和其他行

語法格式如下：

對齊方式

我們可以設置表格的對齊方式：

• -: 設置內容和標題欄居右對齊
• :- 設置內容和標題欄居左對齊
• :-: 設置內容和標題欄居中對齊

示例如下：

Markdown高級技巧

支持的HTML元素

不在Markdown涵蓋范圍之內的標簽，都可以直接在文檔里面用HTML撰寫。

目前支持的HTML元素有<kbd> <b> <i><em>
^{_等，如：}

使用<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>重啟電腦

<b>123</b>

<i>123</i>

<em>123</em>

2¹²³

3₁₂₃

轉義

Markdown使用了很多特殊符號來表示特定的意義,如果需要顯示特定的符號需要使用轉義字符,Markdown使用反斜杠轉義特殊字符:

文本加粗

** 正常顯示星號**

Markdown支持以下這些符號前面加上反斜杠來幫助插入普通的符號:

\ 反斜線

` 反引號

* 星號

_ 下劃線

{} 花括號

[] 方括號

# 井字號

+ 加號

- 減號

. 英文句點

! 感嘆號

公式

當你需要在編輯器中插入數學公式時,可以使用兩個美元符
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \
\end{vmatrix}
$$

Typora畫流程圖、時序圖（順序圖）、甘特圖

1. 橫向流程圖源碼格式

graph LR
A[方形]-->B(圓角)
    B-->C{條件a}
    C-->|a=1| D[結果1]
    C-->|a=2| E[結果2]
    F[橫向流程圖]

2.豎向流程圖源碼格式

graph TD
A[方形]-->B(圓角)
    B-->C{條件a}
    C-->|a=1| D[結果1]
    C-->|a=2| E[結果2]
    F[豎向流程圖]

3.標準流程圖源碼格式

st=> start: 開始框
op=> operation: 處理框
cond=> condition: 判斷框（是或否？）

甘特圖源碼示例

%% 語法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 軟件開發甘特圖
        section 設計
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI設計                     :         des3, after des2, 5d
    未來任務                     :         des4, after des3, 5d
        section 開發
        學習準備理解需求                      :crit, done, 2014-01-06,24h
        設計框架                             :crit, done, after des2, 2d
        開發                                 :crit, active, 3d
        未來任務                              :crit, 5d
        耍                                   :2d
        section 測試
        功能測試                              :active, a1, after des3, 3d
        壓力測試                               :after a1  , 20h
        測試報告                               : 48h