CSDN Markdown簡明教程3-表格和公式

0. 目錄

1. 前言

Markdown是一種輕量級的標記語言，把作者從繁雜的排版工作中解放出來，實現易讀易寫的文章寫作，已經逐漸成爲事實上的行業標準。CSDN博客支持Markdown可以讓廣大博友更加專注於博客內容，大讚。但是，不少博友可能對Markdown比較生疏，本博接下來用一個系列文章《Markdown簡明教程》扼要介紹Markdown，希望可以對大家有所幫助。

系列教程目錄

• 關於Markdown
• Markdown基本使用
• Markdown表格和公式
• Markdown UML圖
• CSDN Markdown快速上手
• Markdown 參考手冊

本文爲《Markdown簡明教程》系列教程的第3篇Markdown表格和公式，主要講解Markdown實現表格、公式。下一篇文章我們來研讀Markdown UML圖。

2. 表格

2.1 表格

Markdown使用管線圖的方式實現表格，表格裏面可以使用強調、鏈接等行內格式。
下面代碼所示爲一個基本的表格：

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

• 1
• 2
• 3
• 4
• 5

解析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>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22

在網頁中結果如下：

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

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

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

• 1
• 2
• 3
• 4
• 5

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

2.2 表格對齊方式

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

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

• 1
• 2
• 3
• 4

顯示在網頁上結果爲：

Day	Meal	Price
Monday	pasta	$6
Tuesday	chicken	$8

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

3. 公式

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

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

• 1

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

3.1 行內公式

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

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

• 1

編譯之後表現在網頁上，結果爲：
一個簡單的數學公式,求圓的面積S=πr2。

3.2 陳列公式（displayed formulas）

陳列公式使用$$...$$來表示，例如。

如果使用陳列公式，結果爲：
一個簡單的數學公式，求圓的面積。
$$
<span class="hljs-code">	S=\pi r^2</span>
$$

• 1
• 2
• 3
• 4
• 5

解析在網頁上結果爲：
一個簡單的數學公式，求圓的面積。

S=πr2

S=\pi r^2

3.3 MathJax語法

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

字母	實現	字母	實現
A	A	α	\alhpa
B	B	β	\beta
Γ	\Gamma	γ	\gamma
Δ	\Delta	δ	\delta
E	E	ϵ	\epsilon
Z	Z	ζ	\zeta
H	H	η	\eta
Θ	\Theta	θ	\theta
I	I	ι	\iota
K	K	κ	\kappa
Λ	\Lambda	λ	\lambda
M	M	μ	\mu
N	N	ν	\nu
Ξ	\Xi	ξ	\xi
O	O	ο	\omicron
Π	\Pi	π	\pi
P	P	ρ	\rho
Σ	\Sigma	σ	\sigma
T	T	τ	\tau
Υ	\Upsilon	υ	\upsilon
Φ	\Phi	ϕ	\phi
X	X	χ	\chi
Ψ	\Psi	ψ	\psi
Ω	\v	ω	\omega

2. 利用{}實現優先級。
例如$ x_i^2 $實現x2i。
例如$ \lim_{x\to\infty} $實現limx→∞。
3. 常用數學運算符表示如下。

運算符	說明	運算符案例	案例實現
+	加	x+y	$ x + y $
-	減	x−y	$ x - y $
\times	乘	x×y	$ x \times y $
\cdot	乘	x⋅y	$ x \cdot y $
\ast	乘	x∗y	$ x \ast y $
\div	除	x÷y	$ x \div y $
\frac	分數	xy	$ \frac{x}{y} $
^	上標	xy	$ x ^ y $
_	下標	xy	$ x _ y $
\sqrt	開二次方	x√	$ \sqrt x $
\sqrt	開方	y4+3y−1−−−−−−−−−√x	$ \sqrt[x]{y^4+3y-1} $
\pm	加減	x±y	$ x \pm y $
\mp	減加	x∓y	$ x \mp y $
=	等於	x=y	$ x = y $
\leq	小於等於	x≤y	$ x \leq y $
\geq	大於等於	x≥y	$ x \geq y $
\ngeq	不大於等於	x≱y	$ x \ngeq y $
\not\geq	不大於等於	x≱y	$ x \not\geq y $
\neq	不等於	x≠y	$ x \neq y $
\approx	約等於	x≈y	$ x \approx y $
\equiv	恆等於	x≡y	$ x \equiv y $
\bigodot	定義運算符	x⨀y=x+y2	$ x \bigodot y=x+y^2 $
\bigotimes	定義運算符	x⨂y=x+y2	$ x \bigotimes y=x+y^2 $
\in	屬於	x∈y	$ x \in y $
\notin	不屬於	x∉y	$ x \notin y $
\subset	子集	x⊂y	x⊂y
\not\subset	非子集	x⊄y	x⊄y
\subseteq	子集	x⊆y	x⊆y
\supset	超集	x⊃y	x⊃y
\supseteq	超集	x⊇y	x⊇y
\cup	並	x∪y	$ x \cup y $
\cap	交	x∩y	$ x \cap y $
\log	對數	log(x)	$ \log(x) $
\overline	平均數	x¯	$ \overline{x} $
\overline	連線符號	a+b+c+d¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯	$ \overline{a+b+c+d} $
\underline	下劃線	a+b+c+d−−−−−−−−−−	$ \underline{a+b+c+d} $
\overbrace	上大括號	a+b+c1.0+d2.0	$\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}$
\underbrace	下大括號	a+d3|	$\underbrace{a+d}_3$
\partial	部分	∂x∂y	$ \frac{\partial x}{\partial y} $
\lim	極限	limx→∞	$ \lim_{x\to\infty} $
\displaystyle	塊公式格式	limx→∞	$ \displaystyle \lim_{x\to\infty} $
\sum	求和	∑n1	$ \sum_1^n $
\infty	極限	∑∞i=0i2	$ \sum_{i=0}^\infty i^2 $
\int	積分	∫10x2dx	$ \int_0^1 x^2 {\rm d}x $
\ldots	底端對齊的省略號	1,2,…,n	$ 1,2,\ldots,n $
\cdots	中線對齊的省略號	x21+x22+⋯+x2n	x_1^2 + x_2^2 + \cdots + x_n^2
\uparrow	上箭頭	↑	$ \uparrow $
\Uparrow	上箭頭	⇑	$ \Uparrow $

給個小作業：

Γ(z)=∫∞0tz−1e−tdt.

\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

本文爲《Markdown簡明教程》系列教程的第3篇Markdown表格和公式，主要講解Markdown實現表格、公式。下一篇文章我們來研讀Markdown UML圖。

4. 深入

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

5. 聲明

前端開發whqet，關注前端開發，分享相關資源。csdn專家博客，王海慶希望能對您有所幫助，限於作者水平有限，出錯難免，歡迎拍磚！
歡迎任何形式的轉載，煩請註明裝載，保留本段文字。
本文原文鏈接，http://blog.csdn.net/whqet/article/details/44277965
歡迎大家訪問獨立博客http://whqet.github.io