Markdown中插入數學公式的方法
阿新 • • 發佈:2019-01-24
自從使用Markdown以來,就開始一直使用Markdown+Github在寫文章,整理自己的所學所思。本文亦是通過這種方式完成的。
然而,Markdown自由書寫的特性很好,唯獨遇到數學公式時就要煞費苦心——每次都是先使用Latex書寫(線上的Latex編輯器參考[1]),然後儲存為圖片,使用img標籤進行引用,當公式很多的時候稍顯複雜。
本文的方法使用html的語法,呼叫[1]的公式生成API,線上生成Latex數學公式,免去將公式儲存為圖片的麻煩。當然,弊端也是有的,公式太多,可能會造成重新整理比一般的網頁慢一些。
方法一:使用Google Chart的伺服器
<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">
一個例子,
<img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">
公式顯示結果為:
適用了下,Google Chart伺服器的響應速度還可以,但據說可能複雜一些的Latex公式可能無法解析(參考[2])。
方法二:使用forkosh伺服器
forkosh上提供了關於Latex公式的一份簡短而很有用的幫助,參考[1]和[3].
使用forkosh插入公式的方法是
<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年了,一直很好,推薦!
方法三:使用MathJax引擎
大家都看過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不信,你可以試一下,在公式上還可以使用滑鼠右鍵操作。