Matcha主题下KaTeX与Mermaid的适配

别用插件了，不好使。

目前的插件对于Matcha都不太好用。

调用KaTeX

head写

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css">

footer写

<script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/katex/dist/contrib/auto-render.js"></script>

Pjax回调写

 renderMathInElement(document.body, {
  delimiters: [
    { left: "$$", right: "$$", display: true },
    { left: "$", right: "$", display: false },
  ],
});

调用Mermaid

footer写

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/mermaid.min.js" ></script>

Pjax回调写

  mermaid.init();

Pjax

都是写在end上。

$(document).on('pjax:end', function() {
//渲染LaTeX
 renderMathInElement(document.body, {
  delimiters: [
    { left: "$$", right: "$$", display: true },
    { left: "$", right: "$", display: false },
  ],
});
//渲染Mermaid
  mermaid.init();
});