2017年7月26日 星期三

[Blogger]文內插入Latex(Mathjax)

紀錄一下如何在Blogger中插入Latex,用到的Javascript來自mathjax,他的說明提供了很簡要快速的步驟:



  1. 為了取得Mathjax的Script,首先在你的HTML標頭插入:
    <script type="text/javascript" async
      src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML">
    </script>
    
    1. 在Blogger中,從版面配置->跨欄區插入標頭
  2. mathjax預設將處理後的數學式排版上佔獨立一行,若想要行內(in-line)展開數學式,則要在HTML標頭再補上設定:
    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
    });
    </script>
    <script type="text/javascript" async src="path-to-mathjax/MathJax.js?config=TeX-AMS_CHTML"></script>
    
  3. 然後就可以開始用mathjax了
    1. 在Latex表達式前後插入$\$\$..\$\$$,mathjax就會在讀入網頁時幫你處理成漂亮的數學式,排版上會佔有獨立一行
    2. 前後插入$\$..\$$則會變成行內展開

來來來,請吃糖炒例子:

原始你Key-in,Latex表達式長這樣:
f(x)=ax^2+bx+c

頭尾冠上$\$\$..\$\$$後變這樣,佔了一大行:$$f(x)=ax^2+bx+c$$

頭尾冠上$\$..\$$後變成跟在冒號後面:$f(x)=ax^2+bx+c$,所謂的行內展開

後記:用了mathjax以後跳脫(Escape)$\$ $,比方為了打出$\$\$..\$\$$,請多花一點錢:$\$$\$\$$\$\$$ ..\$\$$\$\$$$\$$

沒有留言:

張貼留言