はてなブログにMathJaxを使って数式を埋め込む

MathJaxを使って次のような数式をブログに記述できます。

$$\phi = 1+\frac{1}{1+}\frac{1}{1+}\ldots$$

インストール

Using MathJax from a Content Delivery Network (CDN)に書かれている内容と同じです。

[設定] > [詳細設定タブ] > [headに要素を追加] に以下を追加します。

<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>

これによって、MathJaxがロードされ数式を表示可能になります。

記事を書く

ここからは基本的に LaTeX の記法を使います。 上記の数式であればこうなります。

$$\phi = 1+\frac{1}{1+}\frac{1}{1+}\ldots$$

特別な記法でラップする必要もなく、こんな感じでそのまま記事に書くだけです。

インライン数式を使う

先程のスクリプトを以下のように変更してインライン数式（文章中に利用する数式表記）を有効にします。

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['\\(', '\\)']]
  },
};
</script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script>

そうすると $\pi$ などの記号を文章中で利用できるようになります。

そうすると $\pi$ などの記号を文章中で利用できるようになります。