自從使用Markdown以來,就開始一直使用Markdown+Github在寫文章,整理本身的所學所思。本文亦是經過這種方式完成的。javascript
然而,Markdown自由書寫的特性很好,惟獨遇到數學公式時就要煞費苦心——每次都是先使用Latex書寫(在線的Latex編輯器參考[1]),而後保存爲圖片,使用img標籤進行引用,當公式不少的時候稍顯複雜。html
本文的方法使用html的語法,調用[1]的公式生成API,在線生成Latex數學公式,免去將公式保存爲圖片的麻煩。固然,弊端也是有的,公式太多,可能會形成刷新比通常的網頁慢一些。java
<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">
api
一個例子,服務器
<img src="http://chart.googleapis.com/chart?cht=tx&chl=\\Large x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}" style="border:none;">
markdown
公式顯示結果爲:編輯器
適用了下,Google Chart服務器的響應速度還能夠,但聽說可能複雜一些的Latex公式可能沒法解析(參考[2])。網站
forkosh上提供了關於Latex公式的一份簡短而頗有用的幫助,參考[1]和[3].google
使用forkosh插入公式的方法是code
<img src="http://www.forkosh.com/mathtex.cgi? 在此處插入Latex公式">
給個例子,
<img src="http://www.forkosh.com/mathtex.cgi? \\Large x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}">
由於網頁插入公式的原理是調用「某某網站的服務器」動態生成的,全部保證公式正常顯示的前提是該網址能一直存在着爲我等小生作些小小的服務。forkosh我是用了快2年了,一直很好,推薦!
你們都看過Stackoverflow上的公式吧,漂亮,其生成的不是圖片。這就要用到MathJax引擎,在Markdown中添加MathJax引擎也很簡單,
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
而後,再使用Tex寫公式。$$公式$$表示行間公式,原本Tex中使用\(公式\)表示行內公式,但由於Markdown中\是轉義字符,因此在Markdown中輸入行內公式使用\(公式\),以下代碼:
$$x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}$$ \\\(x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}\\\)
分別顯示結果(行間公式):
x=−b±b2−4ac−−−−−−−√2a
x=−b±b2−4ac2a
行內公式:
x=−b±b2−4ac√2ax=−b±b2−4ac2a
不信,你能夠試一下,在公式上還可使用鼠標右鍵操做。
參考
[1] http://www.forkosh.com/mathtextutorial.html
[2] http://www.ruanyifeng.com/blog/2011/07/formula_online_generator.html