前言

Butterfly主题支持Mathjax和KaTex两种数学公式渲染引擎,本文选择KaTex插件,因为 KaTeX 更快更轻量,因此没有 MathJax 的功能多(比如右键菜单)。

在主题配置文件_config.Butterfly.yml找到math配置

选择KaTex

#关于 per_page
# 如果设置为 true,将在每个页面加载 mathjax/katex 脚本
# 如果设置为 false,将根据你的设置加载 mathjax/katex 脚本(在页面的 front-matter 中添加 'mathjax: true' 或者 'katex: true')
math:
# 选择:mathjax, katex
# 如果不需要数学公式,保持为空
use: katex
per_page: false
hide_scrollbar: false

mathjax:
# 启用上下文菜单
enableMenu: true
# 选择:all / ams / none,这控制是否对公式编号以及如何编号
tags: none

katex:
# 启用复制 KaTeX 公式
copy_tex: true

博客根目录下安装插件

你不需要添加 katex.min.js 来渲染数学方程。相应的你需要卸载你之前的 hexo 的 markdown 渲染器,然后安装其它插件。

npm un hexo-renderer-marked --save # 如果有安装这个的话,卸载
npm un hexo-renderer-kramed --save # 如果有安装这个的话,卸载

npm i hexo-renderer-markdown-it --save # 需要安装这个渲染插件
npm install katex @renbaoshuo/markdown-it-katex #需要安装这个katex插件

在博客根目录的_config.yml中配置

markdown:
plugins:
- '@renbaoshuo/markdown-it-katex'

如需配置其它参数,请参考 katex 官网

在文章中编写公式

公式格式参考洛谷帮助手册-LateX格式手册LaTeX 入门

1.公式格式

$$
H_n = \sum_{i = 1}^{n} \frac{1}{i}
$$

案例:

Hn=i=1n1iH_n = \sum_{i = 1}^{n} \frac{1}{i}

参考文章

Butterfly 文档(三)-Math 数学

洛谷帮助手册-LateX格式手册

LaTeX 入门