1

我无法设置 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 远程文件的路径，它可以完美运行。

4

1 回答 1

1

删除integrity和crossorigin。默认情况下，auto-render.min.js 位于 contrib 文件夹内，但您没有将其路径到 katex/contrib/auto-render.min.js，而是将其路径到 katex/auto-render.min.js。因此，请确保 auto-render.min.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>

于 2020-10-22T06:30:25.033 回答