hugo中markdown的数学公式不显示解决

背景

上传上一篇文章时,文章的数学公式怎么也不显示,上网一查才知道hugo不是默认支持数学公式显示的,要自己设置。网上找的方法几乎都没法用,最后随便找了一个能正常使用数学公式的网站,直接把他的html源码抄一点过来就可以正常显示了。

方法

首先找到你的 themes\[主题名称]\layouts\partials 文件夹,随便找一个绝对会加载的html,右键编辑,将下面的代码插入到末尾,保存即可。

<!--MathJax-->
<script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202401110101/show_ads_impl_fy2021.js" id="google_shimpl"></script>
<script>
      MathJax = {
         tex: {
            inlineMath: [['$','$'], ['\\(','\\)']],
            processEscapes: true,
            tags: 'ams',
         },
      };
   </script>
<script type="text/javascript" async="" src="https://wuli.wiki/MathJax3/es5/tex-mml-chtml.js"></script>

然后文章里的$$就能被识别成数学公式了,比如$\frac{d}{dx}e^{ax}=ae^{ax}\quad \sum_{i=1}^{n}{(X_i - \overline{X})^2}$,或者$\int f(x)dx$

或者 $$\underset{j=1}{\overset{\infty}{\LARGE\mathrm K}}\frac{a_j}{b_j}=\cfrac{a_1}{b_1+\cfrac{a_2}{b_2+\cfrac{a_3}{b_3+\ddots}}}$$ 这样的行间公式

Tips

不会LaTeX可以去mathjax-basic-tutorial-and-quick-reference这里学习