はてなブログでのTEX利用

はてなブログにおいてTEXできれいに数式が書けるらしいと聞き、試してみた。

以下手順でmathjaxを利用することにより、思いの外手軽に実現できた。

設定 -> 詳細設定 ->「headに要素を追加」に以下を書く．

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML" async="" type="text/javascript"> </script>

cartman0.hatenablog.com

（例）

カロジェロ・サザランド模型の運動量演算子$P$とハミルトニアン$H_{\mathrm{CS}} $は以下の通り。
\begin{align}
P &= \sum_{i=1}^{N} p_i = - \sqrt{-1} \sum_{i=1}^{N} \frac{\partial}{\partial q_i}\\
H_{\mathrm{CS}} &= \sum_{i=1}^{N} \frac{1}{2} p_i^{2} + \beta ( \beta - 1 )
\sum_{i < j} \frac{ \left( \frac{\pi}{L} \right)^2 }{ \sin^2 \frac{\pi}{L} \left( q_j - q_i \right) }
\end{align}

なお、LATEXとは違い本文中の数式は$...$ではなく$ ... $ で指定する仕様とのこと。

数式の書き方はほぼLaTeX + amsmathのスタイル通りです。ただ，本文中の数式はデフォルトでは $ ... $ ではなく$ ... $ で指定します。これが面倒なら，頭の部分を
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\$','\$']],
    processEscapes: true
  },
  CommonHTML: { matchFontHeight: false }
});
</script>
<script async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML"></script>
のようにすれば $ ... $ も使えるようになります。ただの $ を使いたい場合には \$ のようにエスケープします。なお，<pre> ... </pre> や <code> ... </code> の中ではエスケープは不要です。

oku.edu.mie-u.ac.jp

●（余談）あれこれ検索している際に、以下のMathJax/Latex便利サイトに行き当たった。学生の時分に知っておきたかった。

easy-copy-mathjax.xxxx7.com