GitHub Pagesで数式を表示する

GitHub Pagesで作ったブログにて数式を表示したくなったので、TeXを使った方法を調べてみた。
なお、そのブログではJekyllを使い、Markdownで記述している。(ブログ作成時の記事はこちら)

方法1

以下のスクリプトをMarkdownファイル内に記述しておく。(MathJaxが読み込まれる)

<script type="text/x-mathjax-config">MathJax.Hub.Config({tex2jax:{inlineMath:[['\$','\$'],['\\(','\\)']],processEscapes:true},CommonHTML: {matchFontHeight:false}});</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>

注意事項

• コマンドの頭以外で\を使用する際は、2つ記述する必要がある？
• 改行時は\\\\(バックスラッシュ4つ + 半角スペース2つ)を入力しないと改行されない

参考：

• GitHub Pagesで数式を書く方法と主なトラブルについて

方法2

MathJax の読み込みとオプション設定をまとめてhtmlファイルとして保存しておき、使用するテーマでそれを読み込むようにする (動作未確認)

参考：

• Github Pages で数式を ～ MathJax v3 設定のポイント
• GitHub Pagesでちょっと遊んでみる(3): GitHub PagesでMathJax!!

方法3

tex image link generatorを使う
使い方はこちら→githubやnoteでもTeXの数式を書くぜ

具体例

入力するテキスト：

\begin{align*}
\frac{d}{dx} \int_a^x f(t) \: dt = f(x)
\end{align*}

生成されるテキスト(Markdown用)：

![\begin{align*}
\frac{d}{dx} \int_a^x f(t) \: dt = f(x)
\end{align*}
](https://render.githubusercontent.com/render/math?math=%5Cdisplaystyle+%5Cbegin%7Balign%2A%7D%0A%5Cfrac%7Bd%7D%7Bdx%7D+%5Cint_a%5Ex+f%28t%29+%5C%3A+dt+%3D+f%28x%29%0A%5Cend%7Balign%2A%7D%0A)

上記テキストをMarkdown内に張り付けると、以下のような表示になる。

備考

TeXを初めて使うので、よく分かっていないことがありそう。今後何か気づいたことがあれば追記していく。