1. 程式人生 > >typecho部落格頁面顯示數學公式

typecho部落格頁面顯示數學公式

最近因為寫影象和視訊處理的聽課筆記,需要在文章中插入數學公式。我又不想用圖片式的插入那種,於是就去搜索另外的方法。因為部落格的書寫是用markdown,我就用markdown,typecho,數學公式作為關鍵詞進行搜尋。事實上得到的結果不是很多。但是還是得到了一些方法,那就是利用MathJax。

MathJax 是一個開源的基於 Ajax 的數學公式顯示的解決方案,結合多種先進的Web技術,支援主流的瀏覽器。MathJax 根據頁面中定義的 LaTex 資料,生成對應的數學公式。具體可見:mathjax專案程式碼(GitHub)
但是因為mathjax的程式碼量比較大,我的部落格又是部署在sae上的,要部署mathjax到伺服器上的話感覺代價太大。現在有另一種方法可以使用mathjax,只需要幾行程式碼。這個方法在typecho論壇裡的一個帖子裡看到,把這幾行程式碼複製到header.php的前面即可。程式碼如下:

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

如果需要解決符號衝突的話,可以在這行程式碼上面加上以下程式碼:

 <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
      extensions: ["tex2jax.js"],
      jax: ["input/TeX"
, "output/HTML-CSS"], tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true }, "HTML-CSS": { availableFonts: ["TeX"] } });
</script>

附上帖子連結:弄一個支援latex的markdown編輯器?
程式碼修改好後又發現一個問題,在編輯文章的時候預覽可以顯示公式,但是在文章釋出後首頁閱讀時公式卻不能正常顯示。後來發現將第一段程式碼新增到index.php中就可以解決這個問題了。不要忘記在前後加html標籤。因為自己並沒有學習或是使用過php語言,所以並不知道如果整個站點都要支援這種顯示的話,程式碼應該在哪裡修改,但在編輯的時候可以預覽、釋出後可以顯示,這樣的功能已經可以滿足使用。

解決了顯示問題後下面就是編輯公式的格式問題了。公式的編輯採用LaTex語法。前後用’$$’,’\[公式\]’(行間公式)或’$’,’\(公式\)’(行中公式)括起來即可。
寫基本的數學公式要用的LaTex語法在這篇文章中:MARKDOWN輸入數學公式(TTang的部落格)
注: n1x=0 的公式格式為\sum_{x=0}^{n-1}