原因

  • hexo默认的渲染器是marked，并不支持mathjax。
  • kramed是在marked基础上修改的，支持了mathjax。你的hexo工程目录下的node_modules中可以找到对应的渲染器文件夹。同时在你的工程目录下用以下命令安装kramed。

安装渲染器

1
2
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

修改配置文件

  • 到主题配置文件中_config.yml，找到mathjax，将其修改为true即可
1
2
3
4
5
6
7
8
9
10
# MathJax
mathjax:
  enable: true
  per_page: true

# KaTeX
katex:
  enable: true
  per_page: true
  hide_scrollbar: true

文章渲染标签

  • 为加快渲染速度，渲染器只会在标签中有mathjax: true的文章中使用利用mathjax渲染。
1
2
3
4
5
6
7
8
9
title: Hexo Butterfly解决无法显示Latex数学公式
categories: 博客
tags:
  - Hexo
  - Butterfly
  - Latex
description: Hexo Butterfly解决无法显示Latex数学公式
date: 2024/04/29
mathjax: true

效果

  • 代码
1
2
3
$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.
$$
  • 效果

$$
\Gamma(z)=\int_0^\infty t^{z-1}e^{-t}dt.
$$