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

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\)となります。この方が綺麗ですし文字もコピーできます。

オプションも多様で挟む記号を変えたり
The tex2jax Preprocessor — MathJax 2.3 documentation
読み込み時に左下に表示されるボックスを非表示にできたり
The Core Configuration Options — MathJax 1.1 documentation
します。このページでは後者の

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

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


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

広告を非表示にする