空中廃線

パソコン中心、たまに雑学。

MathJaxの埋め込み方法

はてなブログで数式表示したいなぁと思った人(主に自分)向けにMathJaxを埋め込む方法をメモしました。


目次

MathJaxとは?

MathJaxとはMathML、LaTeX、ASCIIMathMLで記述されたコマンドを数式に変換し、ウェブブラウザ上に表示するオープンソースJavaScriptライブラリです。

MathJax公式サイト

埋め込み方法

埋め込み方法はMathJaxに載ってます。

基本はheadタグ内に記述、必要に応じてbodyタグ内に記述します。

設定 -> 詳細設定 ->「headに要素を追加」に以下のソースを記述すると数式コマンドの入力が出来るようになります。


また、はてなブログでなくてもheadタグ内に以下のソースを入力すれば数式コマンドの入力が出来ます。


<script type=“text/javascript” async src=“https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_CHTML”></script>

参考サイト