GitHub Pagesで数式を表示する

2021-07-29T17:26:06+09:00

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

方法1

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

注意事項

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

参考：

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

方法2

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

参考：

方法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を初めて使うので、よく分かっていないことがありそう。今後何か気づいたことがあれば追記していく。

「TeX」の記事 - Crieit

GitHub Pagesで数式を表示する