调用katex渲染引擎渲染latex中出现的一些问题
Latex的Katex渲染引擎设置
由于需要在markdown中插入数学公式,因此了解到了Latex,但是在完成了公式的输入后发现hexo中并不能成功渲染Latex公式。为什么呢?这是因为hexo使用自带的hexo-renderer-marked引擎来渲染页面,但是hexo-renderer-marked引擎不能渲染Latex引擎,因此我们需要更换引擎。
供选择的有hexo-renderer-kramed和hexo-renderer-markdown-it-plus
不过由于kramed引擎不能支持markdown all in one中的下标”~ ~“以及 上标”^ ^“这类格式,因此本文使用hexo-renderer-markdown-it-plus引擎
在更换渲染引擎时首先需要先卸载原先的渲染引擎,再安装新引擎
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
安装kramed的话同理
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save
在安装完引擎后,在fluid的_config.yml中找到math项
math:
enable: true
specific: true
engine: katex
将enable的值改为true,engine的值改为katex
由于这里将specific的值设为了true,所以在需要进行数学公式渲染的文章的font-matter中添加一条math: true,采用这种方法可以不影响不需要进行数学公式渲染的页面的加载速度。
这时候再hexo s发现界面中latex公式已经渲染成功了,但是不太美观

这时候还需要在fluid主题下的_static_prefix.yml文件中进行配置
在文件最后找到katex,将其值设为https://cdn.staticfile.org/KaTeX/0.11.1/此时再刷新页面即可看到渲染后的数学公式了

若看不到效果的话,依次执行
hexo clean
hexo g
hexo s
即可在localhost中看到渲染后的效果