Hexo數學公式渲染配置

字数统计: 278阅读时长: 1 min

 2020/04/11   Share

Hexo數學公式渲染配置

今天發現自己的hexo博客框架無法渲染markdown裡面的LaTeX數學公式，於是查閱了許多博客，多次嘗試後終於成功。

首先需要將hexo的默認渲染引擎去掉並下載新的引擎

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

然後需要卸載math包，下載mathjax包

1 2	npm uninstall hexo-math --save npm install hexo-renderer-mathjax --save

然後更新mathjax鏈接

在 node_modules/hexo-renderer-mathjax/mathjax.html 中修改代码:

<!--
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>

修改轉儀規則

打開node_modules/kramed/lib/rules/inline.js文件

修改第11行

1 2	//escape: /^\\([\\`{}\[\]()#$+\-.!_>])/, escape: /^\\([`\[\]()# +\-.!_>])/,

修改第20行

1 2	//em: /^\b_((?:__\|[\s\S])+?)_\b\|^\((?:\\\|[\s\S])+?)\(?!\)/, em: /^\((?:\\\|[\s\S])+?)\(?!\)/,

開啟mathjax

在配置文件_config.yml中加入

1 2	mathjax: enable: true

再在主題配置文件中加入

math:
  enable: true
  per_page: true
  engine: mathjax

最後只需要在文章的前面開啟frontmatter就好了

在每篇文章的前面的yaml中加入

1	mathjax: true

原文作者：XiaoQixian

原文链接：http://xiaoqixian.github.io.com/2020/04/11/Hexo%E6%95%B8%E5%AD%B8%E5%85%AC%E5%BC%8F%E6%B8%B2%E6%9F%93%E9%85%8D%E7%BD%AE/

发表日期：April 11th 2020, 6:30:34 pm

更新日期：April 12th 2020, 6:38:10 pm

Next Post

数据的IO与复用
Previous Post

LVM

CATALOG

1. Hexo數學公式渲染配置



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true