katex.html

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amXcgMg5457rve2Y7I6ZJSm2A0mS4" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
          // customised options
          // • auto-render specific keys, e.g.:
          delimiters: [
 			  //{left: "$$", right: "$$", display: true},
			  //{left: "$", right: "$", display: false},
  			  //{left: "\\(", right: "\\)", display: false},
 			  //{left: "\\begin{equation}", right: "\\end{equation}", display: true},
 			  //{left: "\\begin{align}", right: "\\end{align}", display: true},
 			  //{left: "\\begin{alignat}", right: "\\end{alignat}", display: true},
 			  //{left: "\\begin{gather}", right: "\\end{gather}", display: true},
  			  //{left: "\\begin{CD}", right: "\\end{CD}", display: true},
 			  //{left: "\\[", right: "\\]", display: true}
			  {left: "$$", right: "$$", display: true},
              {left: "$", right: "$", display: false},
              {left: "\\(", right: "\\)", display: false},
              {left: "\\[", right: "\\]", display: true}
          ],
          // • rendering keys, e.g.:
          throwOnError : false
        });
    });
</script>