修复博客无法显示LaTex公式的问题

在我现在使用的博客模板中，md文件中 $...$ 或$$...$$中的公式均无法正常编译为网页。今天偶然想到这个问题，找到了一个解决方法。感谢大佬的文章写数学 Blog

即在_includes/blog/header.html中加上

<!-- mathjax config similar to math.stackexchange -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  jax: ["input/TeX", "output/HTML-CSS"],
  tex2jax: {
    inlineMath: [ ['$', '$'] ],
    displayMath: [ ['$$', '$$']],
    processEscapes: true,
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
  },
  messageStyle: "none",
  "HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"] }
});
</script>
1
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"></script>

原理就是加载js渲染数学公式。

可能你的博客模板中不是_includes/blog/header.html，只需要找到head.html类似的定义HTML头部的文件即可。比如/_includes/custom/head.html

然后将上述代码复制粘贴到最后面即可。

便可正常看待数学公式，比如

\[x^2+y^2=1\]