MathJax渲染公式我写过这样的文章。但是在实际使用的过程中发现有时候频繁刷新页面会导致公式加载一半,全部显示$//$这样的情况。加载的速度也很慢。会把公式转变的过程都呈现出来。于是想着换另一种插件KaTeX。
官网:https://www.bootcdn.cn/KaTeX/
使用方法:
<link href="https://cdn.bootcss.com/KaTeX/0.10.2/katex.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/KaTeX/0.10.2/katex.min.js"></script>
<script src="https://cdn.bootcss.com/KaTeX/0.10.2/contrib/auto-render.min.js"></script>
<script>
renderMathInElement(document.body,
{
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false}
]
}
);
</script>