本文首发于我的个人博客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