三浦ノート

自分の経験したことを検索可能にしていくブログ.誰かの役に立ってくれれば嬉しいです.

Mathjax version 3 で数式表示が速くなった

このブログでは数式の描画にMathjaxを使っています。

Mathjaxのversion 3 がでてたので今までの version 2.7.5 から移行しました。

設定の仕方が少し変更されてました。

デモが用意されていたのですぐにできました。

今まで書いた記事全てを確認したわけではないですが、ちゃんと数式を描画できました。

extension は、対応していれば、そのコマンドを使用したときに自動で読み込まれるらしいので便利です。

数式の表示もかなり速くなっていて嬉しいです。

設定の内容

<head>にあるmathjaxに関する記述を全て、次の内容に書き換えました。

<script>
window.MathJax = {
  tex: { inlineMath: [['$', '$'], ['\\(', '\\)']], tags: 'ams' }
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

参考

MathJax | Beautiful math in all browsers.

MathJax Documentation — MathJax 3.0 documentation