logo头像

猪老大要进步!

hexo添加Mathjax支持

本文于 580 天之前发表,文中内容可能已经过时。

hexo换了一个主题,但是不支持Mathjax公式渲染。本文描述了如何向hexo的theme中加入Mathjax公式支持。

操作方法

  1. 先在主题的layout/_partial/文件夹,创建一个叫做mathjax.ejs的文件,内容如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
showProcessingMessages: false,
messageStyle: "none",
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ["$", "$"] ],
displayMath: [ ["$$","$$"] ],
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre','code','a'],
ignoreClass:"comment-content"
},
"HTML-CSS": {
availableFonts: ["STIX","TeX"],
showMathMenu: false
}
});
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
</script>
<script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  1. 因为Hexo渲染文章的时候是通过layout/post.ejs进行的,所以在该文件最后一行的<% } %>前面加载layout/_partial/mathjax.ejs文件,内容如下:
1
<%- partial('_partial/mathjax') %>

参考链接

  1. https://www.jianshu.com/p/0422327ce632
  2. https://www.cnblogs.com/tianshifu/p/6388391.html
支付宝打赏 微信打赏

赞赏是不耍流氓的鼓励