Hexo主题中渲染MathJax数学公式

Hexo主题中渲染MathJax数学公式

https://blog.csdn.net/wgshun616/article/details/81019687

原因

Hexo 默认使用 hexo-renderer-marked 引擎渲染网页，该引擎会把一些特殊的 markdown 符号转换为相应的 html 标签，比如在 markdown 语法中，下划线_代表斜体，会被渲染引擎处理为<em>标签。

因为类 Latex 格式书写的数学公式下划线_表示下标，有特殊的含义，如果被强制转换为<em>标签，那么 MathJax 引擎在渲染数学公式的时候就会出错。

类似的语义冲突的符号还包括*, {, }, \\等。

解决方法

• 更换 Hexo 的 markdown 渲染引擎:

hexo-renderer-kramed 引擎是在默认的渲染引擎

hexo-renderer-marked 的基础上修改了一些 bug ，两者比较接近，也比较轻量级。

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

• 行内公式的渲染还是有问题，因为 hexo-renderer-kramed 引擎也有语义冲突的问题。

博客根目录下，找到node_modules\kramed\lib\rules\inline.js，

第11行的 escape 变量的值做相应的修改：(在原基础上取消了对\,{,}的转义(escape)。)

//escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
escape: /^\\([`*\[\]()#$+\-.!_>])/,

第20行的em变量也要做相应的修改。

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