MathJax与Hugo

于 2021-04-19 发布

Markdown里显示公式一般用的是MathJax。用中文搜索Hugo上的MathJax,都是比较老的教程,比如知乎 - 使用了静态网页生成器:从WordPress 到 Hugo

MathJax是发布在Github上的,项目地址:MathJax。根据它的README.md可知可以把需要用到的js放到服务器上,用自己的服务器来提供所需的组件。

还不是因为不喜欢让cdn加载

1
2
3
git clone https://github.com/mathjax/MathJax.git mj-tmp
mv mj-tmp/es5 <hugo的static目录>/mathjax
rm -rf mj-tmp

随后,在主题提供的header-addtion或者类似的提供往html的header里添加代码的文件里添加script。比如对于官方推荐的ananke主题,这个添加header的文件是themes/ananke/layouts/partials/head-additions.html。往该文件中添加:

1
<script id="MathJax-script" async src="/mathjax/tex-chtml.js"></script>

即可让博客实现显示公式的功能。

目录