MathJax の導入

2015/03/22 (Sun) メモ

数式は 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 } $