通过mathjax开启公式渲染

更换markdown解析工具

卸载原有的markdown解析工具，安装hexo-renderer-kramed

1
2
3

npm uninstall hexo-renderer-marked --save # 默认的
npm uninstall hexo-renderer-markdown-it-plus --save
npm install hexo-renderer-kramed --save

安装mathjax插件

1	npm install hexo-renderer-mathjax --save

启用mathjax

首先确认所使用的主题支持mathjax。

打开主题文件夹themes中所使用主题文件夹下的_config.yml文件。

以作者使用的NEXT主题为例，打开$Hexo\themes\next\_config.yml

找到Mathjax Support部分，将enable设置成true

# hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
mathjax:
    enable: true
    # See: https://mhchem.github.io/MathJax-mhchem/
    mhchem: false

对应文章开启mathjax

打开需要公式渲染的文章，在文章开头定义变量的部分添加mathjax:true，如：

---
title: 文章启用mathjax
author: yatoo
date: 2022-10-25 04:13:36
mathjax: true
---

修改完成后，重新生成并重启服务即可。

自定义Front Matter

如果使用公式的文章比较多，或者觉得每次新建文章都要添加一遍比较麻烦，可以直接修改新建文章时自动生成的变量内容。

需要修改的文件所在位置$Hexo\scaffolds，其下共有三个文件，分别对应三种不同的布局。按需修改post和draft文件。

$Hexo\scaffolds
- draft.md
- page.md
- post.md

打开文件，其内容即为文件开头定义变量的内容。添加mathjax:true进去即可。

修改完成后，当我们再次使用hexo n <title>新建文档时，开头自动添加mathjax:true的内容。

Yatoo的小站