我无法设置KaTeX。如果我远程加载KaTeX,它会工作,但它拒绝在本地工作。这是我的代码:
<!DOCTYPE html>
<html>
<head>
<link href="katex/katex.min.css" rel="stylesheet" type="text/css">
<script defer src="katex/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous"></script>
<script
defer
src="katex/auto-render.min.js"
integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI"
crossorigin="anonymous"
onload="renderMathInElement(document.body);"
></script>
</head>
<body>
<div id="el"><span>$$2+frac{1}{x}$$</span></div>
</body>
</html>
不工作的原因是什么?如果我粘贴KaTeX远程文件的路径,它可以完美地工作。
删除integrity
和crossorigin
。默认情况下,auto-render.min.js位于contrib文件夹中,但您没有将其路径设置为katex/controb/auto-render.min.js,而是将其路径设定为katex/auto-render.miin.js。因此,请确保auto-render.msin.js的位置。如果auto-render.min.js位于contrib文件夹中,那么下面的代码就可以工作了。
<!DOCTYPE html>
<html>
<head>
<link href="katex/katex.min.css" rel="stylesheet" type="text/css">
<script defer src="katex/katex.min.js"></script>
<script defer src="katex/contrib/auto-render.min.js"
onload="renderMathInElement(document.body);"></script>
</head>
<body>
<div id="el"><span>$$2+frac{1}{x}$$</span></div>
</body>
</html>