2016年7月18日 星期一

在Blogspot顯示公式


這邊介紹MathJax,使用$\LaTeX$輸入語法來輸入公式,最終顯示在網頁上面。 方法如下:
  • 開啟Blogger的控制面板 > 選"範本" > 點"編輯HTML"
  • 將下面程式碼輸入放到<head>這一行後面
  • 點"儲存範本"
程式碼來自Matthew Leingang對《How to use LaTeX on blogspot?》的回應
注意!! 上述的方法會讓文章內的錢字號出現顯示錯誤,解決方案看最下面的更新部分

文章內插入公式有兩種顯示方法:
  1. Maths between dollars is inline: $E=mc^2$.
  2. Maths between double dollars (or slash-square-brackets) is display: \[e^{j\pi}+1=0\]
上面兩個例子插入方式分別是
  1. 在文章內顯示,用dollar符號把E=mc^2前後夾住
  2. 公式自己一行,用double dollar把e^{j\pi}+1=0前後夾住

更多在不同Blog寫作系統上使用數學公式可參考《How to get beautifully typeset maths on your blog》,說明如何應用MathJax在WordPress, Blogger, Tumblr, TypePad, Calepin, scriptogr.am, Weebly上面。也可以參考《MathJax Plugin》。如果是要放在自己的網頁裡面,參考陳鐘誠寫的網頁

2016-Jul-19 更新

上面這個方法因為使用錢字號當作是辨識$\LaTeX$輸入語法的開始,所以會造成前面其他文章裡面有用到錢字號顯示出現錯誤。現在想到的解法是,把MathJax單獨塞到需要寫公式的文章裡面就好,不要放在範本裡面。
或是可以參考《How to turn off the MathJax preview?》這篇文章

2017-Dec-11 下面為MathJax Plugin程式碼

用HTML格式編輯,把程式碼放在最上面
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] }
});
</script>

_EOF_

沒有留言:

張貼留言