【Tools】MarkDown教程(三)-MarkDown表格和公式

00. 目錄

01. 表格

Markdown使用管線圖的方式實現表格，表格裏面可以使用強調、鏈接等行內格式。

MarkDown代碼

教程標題| 主要內容
-------|----------
關於Markdown | 簡介Markdown，Markdown的優缺點
Markdown基礎 | Markdown的**基本語法**，格式化文本、代碼、列表、鏈接和圖片、分割線、轉義符等
Markdown表格和公式 | Markdown的**擴展語法**，表格、公式

html解析

<table>
    <thead>
        <tr>
            <th>教程標題</th>
            <th>主要內容</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>關於Markdown</td>
            <td>簡介Markdown，Markdown的優缺點</td>
        </tr>
        <tr>
            <td>Markdown基礎</td>
            <td>Markdown的<strong>基本語法</strong>，格式化文本、代碼、列表、鏈接和圖片、分割線、轉義符等</td>
        </tr>
        <tr>
            <td>Markdown擴展</td>
            <td>Markdown的<strong>擴展語法</strong>，表格、公式、UML圖</td>
        </tr>
    </tbody>
</table>

網頁顯示效果

教程標題	主要內容
關於Markdown	簡介Markdown，Markdown的優缺點
Markdown基礎	Markdown的基本語法，格式化文本、代碼、列表、鏈接和圖片、分割線、轉義符等
Markdown表格和公式	Markdown的擴展語法，表格、公式

注意，爲了美觀起見，可以把前後端管線補齊，如下面代碼所示。

|  教程標題   | 主要內容                      |
|------------|------------------------------|
|關於Markdown | 簡介Markdown，Markdown的優缺點|
|Markdown基礎 | Markdown的**基本語法**，格式化文本、代碼、列表、鏈接和圖片、分割線、轉義符等|
|Markdown擴展 | Markdown的**擴展語法**，表格、公式、UML圖|

網頁顯示效果

教程標題	主要內容
關於Markdown	簡介Markdown，Markdown的優缺點
Markdown基礎	Markdown的基本語法，格式化文本、代碼、列表、鏈接和圖片、分割線、轉義符等
Markdown擴展	Markdown的擴展語法，表格、公式、UML圖

注意，表頭下面的虛線爲了更好的分隔表頭和表格內容，長度隨意。

02. 表格對齊方式

我們可以指定表格單元格的對齊方式，如下面代碼所示。

MarkDown代碼

| Day     | Meal     | Price   |
|:--------|---------:|:-------:|
| Monday  | pasta    | $6      |
| Tuesday | chicken  | $8      |

html解析

網頁顯示效果

Day	Meal	Price
Monday	pasta	$6
Tuesday	chicken	$8

注意，表格列的寬度設置不能設置。Markdown更加關注內容，因此格式設置性能較弱，如果確實需要設置，請使用CSS。

03. 行內公式

通過使用MathJax，我們可以讓Markdown解析LaTeX數學表達式，通常情況下，我們需要引入MathJax插件纔可能工作。

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

CSDN已經內置了這個插件，我們就不需要手動插入了，可以直接寫數學公式了。

我們使用$...$的方式來包含行內公式

MarkDown代碼

一個簡單的數學公式,求圓的面積$S=\pi r^2$。

html解析

網頁顯示效果
$一個簡單的數學公式,求圓的面積S=\pi r^2。$

04. 陳列公式

陳列公式使用$$...$$來表示

如果使用陳列公式，結果爲：
一個簡單的數學公式，求圓的面積。
$$
	S=\pi r^2
$$

網頁顯示效果

一個簡單的數學公式，求圓的面積。
$S=\pi r^2$

05. MathJax語法

使用\alpha、\beta、\gamma表示希臘字母α、β、γ， 使用\Gamma表示大寫希臘字母Γ等，如下圖所示。

利用{}實現優先級。
例如$ x_i^2 $實現
$x_i^2$
而$ x_{i^2} $實現
$x_{i^2}$
$ \lim_{x\to\infty} $實現
$\lim_{x\to\infty}$

06. 常用數學運算符表

07. 附錄

1. MathJax官方網站
2. MathJax手冊
3. MathJax使用LaTeX語法編寫數學公式教程
4. Mathjax與LaTex公式簡介
5. 小敏紙的博文