How to add mathjax to index.html

[zmonoid]

as titled.

[zmonoid]

I have tried to add the following code to index.html inside body block. However it does not work.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML&delayStartupUntil=configured" type="text/javascript"></script>
    <script>
      var slideshow = remark.create();

      MathJax.Hub.Config({
          tex2jax: {
          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
          }

      });
      MathJax.Hub.Queue(function() {
          $(MathJax.Hub.getAllJax()).map(function(index, elem) {
              return(elem.SourceElement());
          }).parent().addClass('has-jax');
      });
      MathJax.Hub.Configured();
    </script>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
        tex2jax: {inlineMath: [["$","$"],["\\(","\\)"],["\[","\]"]]},
      });
    </script>

[sinedied]

See #5

[zmonoid]

Thanks very much.

The problem is that rendering MathJax is really slow than directly using remarkjs

[zmonoid]

It seems the math will be rendered randomly...

Sometime it even does not work!

[sinedied]

Not really a backslide related issue then. It's maybe your network, since MathJax loads a bunch of files, is quite heavy and cannot be inlined to work offline.

You should try KaTeX.

[zmonoid]

Thanks very much. KaTex is much faster indeed.
I am currently facing problem with both mathjax and katex, which should be a problem of remarkjs, and I reported here:

gnab/remark#464

[sinedied]

I'll close the issue then, thanks for the feedback.