【个人网站搭建】hexo框架下支持显示MathJax数学公式

我就是我 2022-11-04 05:22 140阅读 0赞

# 0x00 前言 #

文章中的文字可能存在语法错误以及标点错误，请谅解；

如果在文章中发现代码错误或其它问题请告知，感谢！

Hexo博客框架版本（hexo vesion）：5.3.0

Next主题版本：v5.1.4

# 0x01 实现方法 #

## 1 安装与配置 ##

1）输入指令下载`mathJax`插件：

$ npm install hexo-math --save

2）在`站点配置`文件`_config.yml`末尾添加如下代码：

math:
      engine: 'mathjax' # or 'katex'
      mathjax:
        # src: custom_mathjax_source
        config:
          # MathJax config

3）在`主题配置`文件`themes/next-theme/_config.yml`中，搜索`mathJax`将其设置为`true`：

# MathJax Support
    mathjax:
      enable: true
      per_page: false
      cdn: //cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML

设置完成。

## 2 效果演示 ##

markdown编辑器内容：

当复利结算的周期数m->$\infty$时的极限为e，即：

使用`$ hexo s`查看效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdxaW5nY2h1YW45Mg_size_16_color_FFFFFF_t_70_pic_center]

以上。

参考文档：  
1.[http://stevenshi.me/2017/06/26/hexo-insert-formula/][http_stevenshi.me_2017_06_26_hexo-insert-formula]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdxaW5nY2h1YW45Mg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/be2b8130f2424c0e845599ac0a421bdf.png
[http_stevenshi.me_2017_06_26_hexo-insert-formula]: http://stevenshi.me/2017/06/26/hexo-insert-formula/