Blogger 数式 表示 MathJax

Bloggerで数式を表示する方法を解説します。
MathJax を使うと簡単にブログ中に TeX と同様の形式で数式をきれいに埋め込めます。

Bloggerの、
テーマ→カスタマイズ→HTMLを編集
を選択してください。

そして、<head>と</head>の間(例えば</head>の前)に
以下のコードを追加してください。
<script src="http://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>
</head>を数千行あるコードの中から探すのは大変に思えますが、
「Ctrl + F」を押すと、簡単に探し出せます。
左上に、「search: 」とでるので、そこに「</head>」を入れて
「Enter」を押せば見つかります。

ここまでで、準備は終わりました。

使い方

まず、HTMLビューにします。そして、TeX形式で数式を書けばいいです。
例えば、数式のみを1行に表示させたい時は下記のように$$ $$で囲んで書くと、

$$ \frac{d}{d x} x^2 = 2x \tag{1} \\ $$

こんな風に表示されます。(独立行表示)


$$ \frac{d}{d x} x^2 = 2x \tag{1} \\ $$


数式だけでなく、文章も一緒に書きたい時は下記のように$ $で囲んで書くと、該当部分が数式化されて、
定積分$ \int_{a}^{b}f(x)dx $の値を求めることを,関数f(x)をaからbまで積分するという


こんな風に表示されます。(インライン表示)

定積分$ \int_{a}^{b}f(x)dx $の値を求めることを,関数f(x)をaからbまで積分するという


数式からTeX形式への変換

これで、数式をTeX形式で埋め込めるようになりましたが、私をはじめTeXを書ける人はそこまで多くないと思います。そこで数式からTeX形式への変換を行うために役立つと感じたサイトをいくつか紹介させていただきます。

MyScript  手書きした数式を読み取ってTeX形式に変換してくれます。
HostMath 数式のパーツを選択して数式を作成し、TeX形式に変換してくれます。

上記のサイトを使えば、TeXを書けない人でも変換可能ですが、TeXを自分で書けるようにするために勉強されたい方は以下のサイト等を参照してください。

参考文献


0 件のコメント:

コメントを投稿

人気の投稿