iInfo 資訊交流: 在blogspot 使用Mathjax顯示數學表示式

最新消息

[公告2014/05/30] 如有需要將部落格中,任何一篇文章的程式碼使用在商業用途,請與我聯繫。

[公告2015/04/26] Line版的 iInfo程式與投資應用 群組已上線想加入的朋友們,請先查看 "入群須知" 再與我聯繫 Line : aminwhite5168,加入請告知身分與回答 "入群須知" 的問題。

[公告2017/02/20] 近來有網友詢問 MultiCharts 與 Excel 畫冰火能量圖 (8)MultiCharts 與Excel 畫冰火能量圖(11) --- 更名「台股儀表板」 文章中教學檔案取得方式,有興趣的朋友可透過 Line了解詳情 (請勿以為是免費分享),Line : aminwhite5168。

[公告2018/04/22] 台北 Python + Excel VBA 金融資訊爬蟲課程,課程如網頁內容 金融資訊爬蟲班:台北班 Python 金融資訊爬蟲、EXCEL VBA 金融資訊爬蟲,請盡快把握機會,歡迎券商、大專院校邀約講座。

[公告2018/06/01] 台指能量儀表板教學課程,課程如網頁內容 台北班:台指能量儀表板

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}$$

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

  5. 表示式:$$\Large\left| \begin{matrix} a_1 & a_2 \\ b_1 & b_2 \end{matrix} \right|$$
  6. 顯示:$$\Large\left| \begin{matrix} a_1 & a_2 \\ b_1 & b_2 \end{matrix} \right|$$

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