LoveIt主题支持MathJax

警告
本文最后更新于 2022-02-23,文中内容可能已过时,请谨慎使用。

1.将config.toml中的KaTeX数学公式支持修改为false

[params.page.math]
      enable = false

2.新建themes\LoveIt\layouts\partials\math.html文件,添加一下内容

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$','$'], ['\\(','\\)']],
            displayMath: [['$$','$$'], ['\[','\]']],
            processEscapes: true,
            processEnvironments: true,
            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
            TeX: {
                equationNumbers: { autoNumber: "AMS" },
                extensions: ["AMSmath.js", "AMSsymbols.js"]
            }
        }
    });
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>

<style>
code.has-jax {
    font: inherit;
    font-size: 100%;
    background: inherit;
    border: inherit;
    color: #515151;
}
</style>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
            delimiters: [
              {left: "$$", right: "$$", display: true},
              {left: "$", right: "$", display: false}
            ]
        });
    });
</script>

3.在themes\LoveIt\layouts\partials\header.html中的最后添加下列内容

{{ if or .Params.math .Site.Params.math }}
    {{ partial "math.html" . }}
{{ end }}

4.在每篇文章最开始的Front Matter中使用math: true表示启用MathJax公式支持


相关文章