はてなブログでもっと綺麗な数式を

Webで数式を使うならMathJax。試しに使ってみます。


Powered by MathJax

はてな記法には、数式を表示する機能があります。例えば

[tex:y=x^2]

と書くとy=x^2と表示されます。が、ぼやけて見にくいですね。

はてなブログでは記事中にscriptタグを書けるのでMathJaxが使えます*1。例えば

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

というコードを書いておいて

\(y=x^2\)

と書くことで\(y=x^2\)となります。この方が綺麗ですし文字もコピーできます。

オプションも多様で挟む記号を変えたり
http://docs.mathjax.org/en/latest/options/tex2jax.html
読み込み時に左下に表示されるボックスを非表示にできたり
http://www.mathjax.org/docs/1.1/options/hub.html
します。このページでは後者の

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    messageStyle: "none"
  });
</script>

を追加して読み込み時に左下に表示されるボックスを非表示にしてあります。


*1:デスクトップ表示ではヘッダやモジュール欄などに置けば作用すると思います。スマホ表示にも対応させる場合は記事下に設置するか記事毎にscriptタグを書く必要があります。