参考了这篇文章和这篇文章

hugo 版本要大于 v0.122.0

将以下脚本放在 layouts/partials/ 文件夹中的一个模板中,例如 extend_footer.html

<script type="text/javascript"
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

在配置文件 config.yaml 中添加以下配置

markup:
  goldmark:
    extensions:
      passthrough:
        delimiters:
          block:
          - - \[
            - \]
          - - $$
            - $$
          inline:
          - - \(
            - \)
          - - $
            - $
        enable: true

现在就能成功渲染数学公式了

\begin{aligned} KL(\hat{y} || y) &= \sum_{c=1}^{M}\hat{y}_c \log{\frac{\hat{y}_c}{y_c}} \ JS(\hat{y} || y) &= \frac{1}{2}(KL(y||\frac{y+\hat{y}}{2}) + KL(\hat{y}||\frac{y+\hat{y}}{2})) \end{aligned}

使用时如果需要使用内联方程,即直接将公式嵌入文本如:\(E=mc^2\)

不能使用

$E=mc^2$

需要使用

\\(E=mc^2\\)