2014年6月24日

[筆記] MathJax - 好用的 blogger 數學編輯器

我在寫這篇文章因為需要撰寫大量的數學式子,不過因為 blogger 沒有提供這種功能,所以一開始的數學式子只能用很醜的方式來表達。但就在發佈文章後沒多久,float 大神就推薦了MathJax給我,是個可以在 HTML 上撰寫數學式子,而且不需要額外安裝軟體,只要 blowser 有支援 javascript 即可。

簡單看過介紹後,我覺得這其實還滿吻合我的需求的:1. 不需要安裝、2. 使用方便。事前處理起來其實也很快,只要再 HTML 的 </head> 這個 tag 前加上幾行就可以使用了。而撰寫數學式子的方式有很多種,我是選擇使用 Tex 的寫法。

如果是要直接以 MathJax 的 server 來存取 js 的話,只要再 </head> 前加上這幾行
 
<script
 src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript">
</script>
<script
 src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script> 

之後就可以在 web page 上以 Tex 的方式來寫數學式子囉! 底下是官方文件的範例

When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

式子前後用 '$' 包住的是在文字間撰寫數學式子,'$$' 包住的話通常是用於段落間獨立一行的數學式子。Tex 書寫數學式子的用法可以參考這邊。雖然不完整,不過要作快速查詢的話還滿方便的。

沒有留言:

張貼留言