Hexo中的LaTex公式渲染问题

本文首发于我的个人博客Suixin's blog

Markdown中插入数学公式是常有的事，而Hexo博客框架主要是Markdown格式的文档，如果不能正常渲染Latex公式，那岂不gg……
下面来看看Hexo渲染数学公式遇到的问题以及解决方案。

渲染下划线的问题

_在Latex公式中代表脚标，是非常常用的符号，而在Markdown中代表斜体，如果直接使用，将会产生公式无法渲染的问题，因为被Hexo强制渲染成了<em>标签。
如何解决呢？更换Hexo默认的Markdown渲染引擎！
Hexo默认的渲染引擎为hexo-renderer-marked，这里将其更换为hexo-renderer-kramed，该引擎在前者的基础上修复了一些bug，具体操作：

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

行内公式的问题

执行上述操作后，虽然块状公式的渲染问题解决了，但发现行内公式仍然是老样子，无法成功渲染，这是因为hexo-renderer-kramed也有语义冲突的问题，这里我们直接修改转义即可。打开文件\node_modules\kramed\lib\rules\inline.js，修改其中一行

//  em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
  em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

把之前的em转义注释掉，添加新的即可完美解决。

双花括号的问题

除此之外，如果在公式内连续使用两个花括号，如

\frac{1}{{(2\pi)}^\frac{D}{2}}

时会渲染失败

渲染报错
此时必须在两个花括号中间加一个空格，\frac{1}{ {(2\pi)}^\frac{D}{2} }即可正常渲染
注：上述操作完成后均需重启Hexo，即

hexo clean
hexo g
hexo s

参考

https://www.jianshu.com/p/7ab21c7f0674