在Hexo中使用MathJax

Posted on In Views: Disqus:

Hexo虽然可以通过一些方法来支持MathJax，比如next主题或者Hexo Filter MathJax，但是它们都提到了默认renderer的兼容性问题，并且说最好是换成pandoc，不过我切换成pandoc之后所有的页面渲染却全都失败了……整个博客都瘫痪了，正当我快放弃的时候，突然发现hexo-renderer-markdown-it好像兼容的还不错，所以遇到了类似问题的小伙伴，可以也试一试这个～

以下是一些常用的测试和效果：

  • _会被hexo-renderer-marked转义导致失败：
    • $\epsilon_0$：$\epsilon_0$
  • *会被转义导致失败
    • $\begin{eqnarray*}\nabla\cdot\vec{E}&=&\frac{\rho}{\epsilon_0}\end{eqnarray*}$：$\begin{eqnarray*}\nabla\cdot\vec{E}&=&\frac{\rho}{\epsilon_0}\end{eqnarray*}$
  • 其他一些测试：
    • $\frac{\partial}{\partial t}$：$\frac{\partial}{\partial t}$

这里可以看到，即便是使用"`"包裹的代码，也没有什么问题！挺好～

关于配置方法，需要先卸载自带的renderer，然后安装hexo-renderer-markdown-it。

1
2
npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save

另外因为我使用的是next主题，所以直接在_config.yml中修改配置启用即可：

1
2
3
4
5
6
7
8
9
10
math:
  # Default (false) will load mathjax / katex script on demand.
  # That is it only render those page which has `mathjax: true` in front-matter.
  # If you set it to true, it will load mathjax / katex script EVERY PAGE.
  every_page: true

  mathjax:
    enable: true
    # Available values: none | ams | all
    tags: ams
原创文章，转载请标明出处：Soul Orbit
本文链接地址：在Hexo中使用MathJax