Latex的Katex渲染引擎设置
共计 1.2k words,预计阅读时间 7 min

调用katex渲染引擎渲染latex中出现的一些问题

Latex的Katex渲染引擎设置

  由于需要在markdown中插入数学公式,因此了解到了Latex,但是在完成了公式的输入后发现hexo中并不能成功渲染Latex公式。为什么呢?这是因为hexo使用自带的hexo-renderer-marked引擎来渲染页面,但是hexo-renderer-marked引擎不能渲染Latex引擎,因此我们需要更换引擎。 供选择的有hexo-renderer-kramedhexo-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的值改为trueengine的值改为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中看到渲染后的效果

主题中note提示框的使用
fluid个性化
copyright  2024   @ Cardy
Powered by Astro | Theme Cloud