Hexo渲染LaTeX数学公式

最近在跟着吴恩达教授在Coursera网站上的课程学习机器学习，其中涉及到的公式比多，包括线性代数和微分。这里基于 Hexo 介绍如何在博客上进行 LaTeX 公式的编写和渲染。

在 Hexo 中配置 MathJax

环境配置

Hexo 中对网页进行渲染的 marked 并不支持 mathjax，我们用 Git Bash 进入博客工程所在的文件夹下并执行以下命令：

1

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

停止 hexo-math

卸载可能安装的 hexo-math

1

npm uninstall hexo-math --save

再安装 hexo-renderer-mathjax 包

1

npm install hexo-rederer-mathjax

更新 mathjax 的 CDN 连接

按照 node_modules →→ hexo-renderer-mathjax 的顺序进入目录，对 mathjax.html 文档进行修改，把 `` 改为

1

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>

更改默认的转义规则

因为 Hexo 在处理特殊字符时会对某些字符转为 html 中的网页标签，我们按照 node_modules →→ kramed →→ lib →→ rules 的顺序进入目录并修改 inline.js ，将其中的两行

1

escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

对应修改为

1

escape: /^\\([`*\[\]()#$+\-.!_>])/,em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

开启 mathjax

进入工程目录的主题文件夹下，找到 _config.yml 文件并开启 mathjax：

1
2

mathjax: 	
  enable: true

在我们每一次使用 Git Bash 创建博客文章后，Hexo 都会自动为我们生成头部信息，我们在需要插入 LaTeX 公式的博客的头部加上

1

mathjax: true

这样我们就可以在博客中编写数学公式了。