MarkDown寫做之嵌入LaTeX和HTML

本系列文章由 @YhL_Leo 出品，轉載請註明出處。
文章連接： http://blog.csdn.net/yhl_leo/article/details/49788741

---

Markdown 是一種輕量級的「標記語言」，它的優勢不少，目前也被愈來愈多的寫做愛好者，撰稿者普遍使用。看到這裏請不要被「標記」、「語言」所迷惑，Markdown 的語法十分簡單。經常使用的標記符號也不超過十個，這種相對於更爲複雜的HTML 標記語言來講，Markdown 可謂是十分輕量的，學習成本也不須要太多，且一旦熟悉這種語法規則，會有一勞永逸的效果。

它用簡潔的語法代替排版，而不像通常咱們用的字處理軟件 Word 或 Pages 有大量的排版、字體設置。換句話說，它自己是不支持修改字體、字號與顏色等功能的，若是你想作出Word或Pages等高質量的文檔，對於MarkDown來講是至關吃力的。對於完美主義者來講，並不滿意，非要折騰一下下！

從百度百科，維基百科獲知這傢伙與LaTeX，HTML有着千絲萬縷的聯繫。用事後面這兩個工具或者語言的都知道：LaTex對於數學公式、符號的排版堪稱完美，是生成高印刷質量的科技和數學類文檔的首選（例如大量的學術期刊、會議文章，書籍等都採用LaTex編寫）；而HTML做爲一種超文本標記語言，製做不是很複雜，但功能強大，支持不一樣數據格式的文件鑲入，這也是萬維網（WWW）盛行的緣由之一。

所以，若是想讓咱們的MarkDown文檔作得更加高逼格、更加完美，讓它複雜一丟丟，加入一些其餘工具或語言的內容，又未嘗不可。這麼想的不止我一我的，MarkDown現現在已有不少衍生版本，我嘗試過CSDN，StackEdit，Cmd，簡書的MarkDown版本，每個拓展版本對於MarkDown原版本都進行了調整（如表格、腳註、內嵌HTML，內嵌LaTeX等）。因而如今能夠看到拓展後的MarkDown功能越來強大，以致於最近看到幾篇帖子關於RMarkDown：Markdown+R 能夠替代 LaTeX 完成論文寫做嗎？ 爲何Markdown+R有較大機率成爲科技寫做主流？這裏就很少廢話了，下面以最經常使用的三點進行簡單闡述，如何經過引入LaTeX和HTML語言改善單一的MarkDown寫做（以CSDN MarkDown爲例，各個版本之間是有差別的，使用時須要斟酌）。

1 字體、顏色、字號

MarkDown全篇是統一使用黑色微軟雅黑字體，字號默認爲3，而HTML卻能夠像Word那樣靈活，引入大量字體包、顏色和字號，例如在MarkDown：

Hello world
<font face="黑體"> 黑體: Hello world </font>
<font face="STCAIYUN"> STCAIYUN: hello world </font>
<font face="Terminal"> Terminal: Hello world </font>
<font face="Consolas"> Consolas: Hello world </font>

<font face="Consolas" size=3 color=#DC143C> Consolas,2,#DC143C: Hello world </font>
<font face="Consolas" size=4 color=(220, 20, 60)> Consolas,2,(220, 20, 60): Hello world </font>
<font face="Consolas" size=5 color=Crimson> Consolas,2,Crimson: Hello world </font>
<font face="Consolas" size=7 color=#0099ff> Consolas,2,Crimson: Hello world </font>

---

Hello world
黑體: Hello world
STCAIYUN: hello world
Terminal: Hello world
Consolas: Hello world

Consolas,2,#DC143C: Hello world
Consolas,2,Crimson: Hello world
Consolas,2,Crimson: Hello world
Consolas,2,Crimson: Hello world

---

font主要包含三個參數：字體（face），字號（size）和顏色（color），順序可調，也可缺省。size的可選範圍爲1-7，小於1的數值等價於1，超過7的數值等價於7）；color的賦值既可使用顏色名，例如Blue，Black，Crimson等，也可使用十六進制的顏色值#0000FF，#000000，#DC143C等，若是想了解更多，能夠閱讀博客：CSDN-markdown編輯器語法——字體、字號與顏色。

2 數學字符及公式

再來看數學字符及公式，MarkDown中使用標識符$$和$$$$便可表示引入LaTeX語法，前者使用時不換行，即在所使用位置使用LaTeX的格式，後者會換行後居中，例如：

$$ f(x;\mu,\sigma^2) = \frac{1}{\sigma\sqrt{2\pi}} e^{ -\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2 } \tag{1} $$

where $\mu$ is the mean value, $\sigma^2$ is standard deviation.

---

f(x;μ,σ2)=1σ2π−−√e−12(x−μσ)2(1)

where μ is mean value, σ2 is standard deviation.

---

下面列出一些基本的LaTeX公式命令

2.1 部分希臘字母

命令	顯示		命令	顯示
\alpha	α		A	A
\beta	β		B	B
\gamma	γ		\Gamma \varGamma	Γ  Γ
delta	δ		\Delta \varDelta	Δ  Δ
\epsilon	ϵ		E	E
\eta	η		H	H
\theta	θ		\Theta \varTheta	Θ  Θ
\kappa	κ		K	K
\lambda	λ		\Lambda \varLambda	Λ  Λ
\mu	μ		M	M
\nu	ν		N	N
\pi	π		\Pi \varPi	Π  Π
\rho	ρ		P	P
\sigma	σ		\Sigma \varSigma	Σ  Σ
\tau	τ		T	T
\phi \varphi	ϕ  φ		\Phi \varPhi	Φ  Φ
\omega	ω		\Omega \varOmega	Ω  Ω

2.2 部分運算符

命令	顯示		命令	顯示
\pm	±		\mp	∓
\times	×		\div	÷
\circ	∘		\bullet	∙
\cdot	⋅		\cup	∪
\cap	∩		\subset	⊂
\supset	⊃		\subseteq	⊆
\supseteq	⊇		\leq	≤
\geq	≥		\propto	∝

2.3 積分運算符

命令	顯示		命令	顯示
\sum	∑		\int	∫
\sum_{i=1}^{N}	∑Ni=1		\int_{a}^{b}	∫ba
\prod	∏		\iint	∬
\prod_{i=1}^{N}	∏Ni=1		\iint_{a}^{b}	∬ba
\bigcup_{i=1}^{N}	⋃Ni=1		\bigcap_{i=1}^{N}	⋂Ni=1

2.4 其他符號

命令	顯示		命令	顯示
\cdotp	⋅		\cdots	⋯
\ddots	⋱		\infty	∞
\partial	∂		\bot	⊥
\hat{a}	a^		\tilde{a}	a~
\bar{a}	a¯		\vec{a}	a⃗
\dot{a}	a˙		\sqrt{a}	a√
\sqrt[3]{2}	a√3		a^{3}	a3
\frac{1}{a}	1a		\lim_{x \to 0}	lima→0

2.5 不得不說的矩陣和條件表達式

分別舉出一個例子，就應該能夠對其徹底領悟：

$$ \left[ \begin{matrix} b_{1}&c_{1}& & & &0 \\ a_{2}&b_{2}&c_{2}& & & \\ &a_{3}&b_{3}&\ddots& & \\ & &\ddots&\ddots&c_{n-1} & \\ 0& & & &a_{n}&b_{n} \end{matrix}\right] \left[ \begin{matrix} x_{1} \\ x_{2} \\ x_{3} \\ \vdots\\ x_{n} \end{matrix}\right] = \left[ \begin{matrix} d_{1} \\ d_{2} \\ d_{3} \\ \vdots\\ d_{n} \end{matrix}\right] \tag{2} $$

$$ c'_i = \begin{cases} \begin{array}{lcl} \cfrac{c_i}{b_i} & & ; i = 1 \\ \cfrac{c_i}{b_i - a_i c'_{i - 1}} & & ; i = 2, 3, \dots, n-1 \\ \end{array} \end{cases} \tag{3}$$
$$

---

⎡⎣⎢⎢⎢⎢⎢⎢⎢⎢⎢b1a20c1b2a3c2b3⋱⋱⋱cn−1an0bn⎤⎦⎥⎥⎥⎥⎥⎥⎥⎥⎥⎡⎣⎢⎢⎢⎢⎢⎢⎢x1x2x3⋮xn⎤⎦⎥⎥⎥⎥⎥⎥⎥=⎡⎣⎢⎢⎢⎢⎢⎢⎢d1d2d3⋮dn⎤⎦⎥⎥⎥⎥⎥⎥⎥(2)

c′i=⎧⎩⎨⎪⎪⎪⎪⎪⎪⎪⎪cibicibi−aic′i−1;i=1;i=2,3,…,n−1(3)

---

3 圖片排版

以網絡上的一段圖文爲例：

<DIV ALIGN="CENTER">
<TABLE><CAPTION ALIGN="BOTTOM"><STRONG>Fig 1:</STRONG> Rigidly terminated string with the simplest frequency-dependent loss filter.  All loss factors (possibly including losses due to yielding terminations) have been consolidated at a single point and replaced by a one-zero filter approximation.</CAPTION>
![KarplusStrong](http://img.blog.csdn.net/20150925112421105)
</TABLE>
</DIV>

---

Fig 1: Rigidly terminated string with the simplest frequency-dependent loss filter. All loss factors (possibly including losses due to yielding terminations) have been consolidated at a single point and replaced by a one-zero filter approximation.

---

固然也能夠簡化只使用<center>：

<center>
![Panda](http://img.blog.csdn.net/20151109165400641)
Panda
</center>

---

Panda

---

關於圖片大小的顯示問題，能夠閱讀博客：MarkDown圖片大小問題。

至於更復雜的操做，能夠查閱更多資料。對於使用一些網頁上不錯的用法時，建議能夠經過查看網頁源碼，找到對應的HTML源碼，稍做調整便可應用到文檔寫做中：