Use MathJax to render math formula in Blogger.com

Attention: do not use the dynamic view theme, MathJax does not work on it.
   First find the template HTML code: Design→Theme→Live on Blog→Edit HTML Then put the codes below just before </head> (use Ctrl+F to find it.) The default math delimiters are


  • $$...$$ and \[...\] for displayed mathematics,
  • \(...\) for in-line mathematics. 



   You may use something like <span>$</span> to isolate the dollar sign so that MathJax will not use it as a delimiter. To always get the latest version javascript, use the recommendation on http://docs.mathjax.org/en/latest/start.html


<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML">
</script>

if you want to use single-dollars for in-line math mode as in https://math.stackexchange.com/ , you must enable that explicitly in your configuration:


<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async src="path-to-mathjax/MathJax.js?config=TeX-AMS_CHTML"></script>

No comments:

Post a Comment