hexo博客添加数学公式

本人试过butterfly官方文档中的katex操作，但以博客生成报错结尾。😭,本教程适用于butterfly主题，请不要乱操作搞坏博客。
本教程根据NX的博客和butterfly官方博客完成。

按照下面方法可能有用

卸载原始文档中的render引擎,并安装新引擎

1
2
3
4
5
6
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
npm i hexo-renderer-markdown-it-katex

在hexo配置文件_config.yml中设置如下

1
2
3
4
5
6
7
8
9
10
11
markdown:
  render:
    html: true
    xhtmlOut: false
    breaks: true
    linkify: true
    typographer: true
  plugins:
  anchors:
    level: 1
    collisionSuffix: ''

在hexo博客的主题配置文件中打开katex

1
2
3
4
5
6
katex:
  enable: true
  # true 表示每一頁都加載katex.js
  # false 需要時加載，須在使用的Markdown Front-matter 加上 katex: true
  per_page: false
  hide_scrollbar: true

示例

$$F=ma$$