Mathjax v3

--------
1. update to mathjax 3
2. add scroll to long formula

assets/sass/components/_math.scss

@@ -1,11 +1,4 @@
-code.has-jax {
-  font: inherit;
-  font-size: 100%;
-  background: inherit;
-  border: inherit;
-  color: #515151;
-}
-
 .MathJax {
-  font-size: 120% !important;
+    overflow-x: auto;
+    overflow-y: hidden;
 }

data/lib.toml

@@ -20,7 +20,7 @@
   url = "https://cdn.jsdelivr.net/npm/raphael@2.3.0/raphael.min.js"
 
 [js.mathjax]
-  url = "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js"
+  url = "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"
 
 [js.webfont]
   sri = "" # no sri

layouts/partials/script/single-script.html

@@ -30,35 +30,23 @@
 {{ end }}
 
 {{ if in .Params.Libraries "mathjax" }}
-  <script type="text/javascript" async src="{{ $js.mathjax.url }}?config=TeX-AMS-MML_HTMLorMML">
+<script>
-    MathJax.Hub.Config({
+  window.MathJax = {
-      tex2jax: {
+    tex: {
-        inlineMath: [['$', '$'], ['\\(', '\\)']],
+      inlineMath: [['$', '$']],
       displayMath: [['$$', '$$']],
       processEscapes: true,
       processEnvironments: true,
-        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+      tags: "ams"
-        TeX: {
+    },
-          equationNumbers: { autoNumber: "AMS" },
+    options: {
-          extensions: ["AMSmath.js", "AMSsymbols.js"]
+      skipHtmlTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+      ignoreHtmlClass: 'tex2jax_ignore',
+      processHtmlClass: 'tex2jax_process'
     }
-      }
+  };
-    });
-    MathJax.Hub.Queue(function () {
-      // Fix <code> tags after MathJax finishes running. This is a
-      // hack to overcome a shortcoming of Markdown. Discussion at
-      // https://github.com/mojombo/jekyll/issues/199
-      var all = MathJax.Hub.getAllJax(), i;
-      for (i = 0; i < all.length; i += 1) {
-        all[i].SourceElement().parentNode.className += ' has-jax';
-      }
-    });
-
-    MathJax.Hub.Config({
-      // Autonumbering by mathjax
-      TeX: { equationNumbers: { autoNumber: "AMS" } }
-    });
   </script>
+  <script async src="{{ $js.mathjax.url }}"></script>
 {{ end }}
 
 {{ if in .Params.Libraries "msc" }}