2016年6月20日 星期一

在blogspot 使用Mathjax顯示數學表示式

這2天在寫TWSE Tick文章找到有關可以在blogspot 上顯示數學方程式的文章，這需要透過 MathJax 的 JavaScript 支援，順道也整理一下相關內容，以便未來需要用到。
在blogspot 後台 範本、編輯HTML中，將以下的程式碼貼在<head>......</head>中。
<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' type='text/javascript'>
 MathJax.Hub.Config({
  extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
  TeX: { equationNumbers: { autoNumber: "AMS"} },
  jax: ['input/TeX', 'output/HTML-CSS'],
  tex2jax: {inlineMath: [ ['$','$'], ["\\(","\\)"] ],
   displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
   processEscapes: true },
  'HTML-CSS': { scale: 90, 
    availableFonts: ["TeX"]},
  displayIndent: '2em'
  });
</script>

在以下符號之間，輸入 LaTex 數學方程式。
  • $$...$$
  • \[...\]
以下貼出幾個常見的數學公式與其表示式：
  1. 表示式：$$\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
    2. 顯示：$$\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

  2. 表示式：$$\Large\sum_a^b x^2 $$
    3. 顯示：$$\Large\sum_a^b x^2 $$

  3. 表示式：$$\Large\left| \begin{matrix} a_1 & a_2 \\ b_1 & b_2 \end{matrix} \right|$$
    4. 顯示：$$\Large\left| \begin{matrix} a_1 & a_2 \\ b_1 & b_2 \end{matrix} \right|$$

Mathjax說明：
Mathjax符號：
線上編輯方程式：
參考資料：


於