Hexo中的LaTex公式渲染问题

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

渲染下划线的问题

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

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

行内公式的问题

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

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

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

双花括号的问题

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

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

时会渲染失败

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

1
2
3
hexo clean
hexo g
hexo s

参考

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