2019年4月10日水曜日

BloggerでMathJaxを使用する

MathJaxは,TeX形式で書かれた数式をレンダリングしてくれるJavascriptライブラリです.
以下は,その導入方法です.


  1. Bloggerの管理画面から「テーマ」を選択してクリックする.
  2. 「ブログで使用中」となっているテーマの「HTMLの編集」をクリックする.
  3. 以下のような画面が開くので,網掛け部分を埋め込む(下記のスクリプトをペースト).


埋め込む(ペーストする)スクリプト(詳細はこちらを参照)
<script src='//cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>    
    MathJax.Hub.Config({
        HTML: ["input/TeX","output/HTML-CSS"],
        TeX: { extensions: ["AMSmath.js","AMSsymbols.js"], 
               equationNumbers: { autoNumber: "AMS" } },
        extensions: ["tex2jax.js"],
        jax: ["input/TeX","output/HTML-CSS"],
        tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                   displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                   processEscapes: true },
        "HTML-CSS": { availableFonts: ["TeX"],
                      linebreaks: { automatic: true } }
    });

</script>

すると,記事中でTeX形式で数式を書くと,レンダリングしてくれます.

記載例:
1) F=ma を "$" で括ると以下のように表示されます.
$F=ma$
2) 


0 件のコメント :

コメントを投稿