markdownで数式 - オボエガキ用

概要

環境を変えてからmarkdownの数式が表示されたくなったので、どうやって設定したのか再調査したメモ

環境

previmは以下のものを利用
- 'kazuph/previm'
- 'feature/add-plantuml-plugin'

設定

以下を参考にする
- https://www.hadacchi.com/wp_blog/3389.html
- https://ari23.hatenablog.com/entry/win10_gvim_previm_math
previmではなく、previm_feature_xxxx の方がメインで使われてた

    ~/.vim/bundle/previm_feature_add-plantuml-plugin

index.html

    <body id="body">
        〜〜（中略）〜〜
        <div id="footer">
            〜〜（中略）〜〜
            <!-- ここから -->
            <script src="js/previm.js" charset="utf-8"></script>
            <script>
              MathJax = {
                tex: {
                  inlineMath: [['$', '$'], ['\\(', '\\)']]
                }
              };
            </script>
            <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
            <!-- ここまで追加 -->
            <div id="monitor"></div>
        </div>
    </body>
</html>

previm.js

function loadPreview() {
     〜〜（中略）〜〜
     style_header();
     // ここから先を追加する
     MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
     MathJax.Hub.Typeset(document.getElementById("preview"));
  }
}

注意点
- MathJaxのversionは2.7系にしておくこと
- 最新版にすると、MathJax.Hub が無くなるらしく動かなかった

使い方

markdownで以下のように、$や$ 〜 $ で囲む
- この記号は、上記のprevim.js の inlineMathで変更できる。

- $ (x + 1)^2 = x^2 + 2x + 1 $
- \\( x^2 \\\\ y^2 \\)