MathJax の導入
数式は MathJax が一番きれいだと思う。
JavaScript を include する
layout/partial/head.html
に次のコードを追記する。
<script type="text/x-mathjax-config">
MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
</script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML">
</script>
<meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" />
すると、$ x^2 = 0$
のように TeX の記法が使えるようになる。
ところが、現在使っている hugo デフォルトの sintax highlight で使う色付け class と、 MathJax が使ってる class で名前が被るものがあって残念なことになる。 応急処置として hugo の方を無効にした。後で外部のやつを入れる。
サンプル
入力 :
あああ $ x^2 = 0 $ いいいインライン
### $ f(x) = x^4 + 3 x^3 + \dfrac{1}{x} $
- $ x \to y $
- $ x \in X $ 箇条書き
- $ O(N \log N) $
- $ {\displaystyle \int_{-\infty}^{\infty} f(t) e^{- j \omega t} {\mathrm d}t } $
出力 :
あああ $ x^2 = 0 $ いいいインライン
$ f(x) = x^4 + 3 x^3 + \dfrac{1}{x} $
- $ x \to y $
- $ x \in X $ 箇条書き
- $ O(N \log N) $
- $ {\displaystyle \int_{-\infty}^{\infty} f(t) e^{- j \omega t} {\mathrm d}t } $