hexo的yelee主题使用katex引擎(markdown渲染加速)

关于hexo网上的绝大部分对markdown语法进行渲染的都是mathjax引擎，

但是mathjax实在是响应太慢了。

后来看到了链接[1],是针对next主题的，下载了一个next主题研究了下，发现主题里面并没有katex相关的东西，于是猜测一定程度上，katex无视主题。

下面说下在yelee主题[2]上的处理步骤：

npm install hexo-math --save

npm un hexo-renderer-marked --save

npm i hexo-renderer-markdown-it-plus --save

站点根目录下面的_config.yml:

math:engine: katexkatex:css: https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.cssjs: https://cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.jsconfig:# KaTeX configthrowOnError: falseerrorColor: "#cc0000"

yelee主题下面的_config.yml

# Math Equations Render Support
math:enable: trueper_page: false#engine: mathjaxengine: katexkatex:# Use 0.7.1 as default, jsdelivr as default CDN, works everywhere even in Chinacdn: //cdn.jsdelivr.net/npm/katex@0.10.0/dist/katex.min.css#cdn: //cdn.jsdelivr.net/npm/katex@0.7.1/dist/katex.min.css# CDNJS, provided by cloudflare, maybe the best CDN, but not works in China#cdn: //cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.csscopy_tex:# See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-texenable: truecopy_tex_js: //cdn.jsdelivr.net/npm/katex@0/dist/contrib/copy-tex.min.jscopy_tex_css: //cdn.jsdelivr.net/npm/katex@0/dist/contrib/copy-tex.min.css

hexo clean && hexo g && gulp && hexo d

(gulp是用来给hexo整体进行加速的，没安装和配置过gulp的可以去掉这个命令)

预览效果是：
https://appleyuchi.github.io/2019/06/12/A-new-post/

[1]https://jun-wang-2018.github.io/MyBlog/en/hexo-and-katex/

[2]https://github.com/leikelin/hexo-theme-yelee

hexo的yelee主题使用katex引擎(markdown渲染加速)相关推荐

hexo的yelee主题使用自定义字体并用字蛛进行字体压缩的sed脚本
说真的,这个操作有点复杂,我也是花了一天时间才搞定,大部分时间都消耗在font-spider的调试上面了. 根目录路径: /home/appleyuchi/桌面/Github博客/整体测试/blog_ ...
hexo的yelee主题使用本地自己指定的自定义字体
研究了老半天,好了,我们切入正题. 因为网上居多都是next主题来指定自定义字体的, 对于yelee这种主题想要制指定自己喜欢的字体,就显得困难重重. 说具体步骤: 1.在[1]中上传你的字体,我的是 ...
hexo的yelee主题让文章呈现圆角效果
修改办法如下: 然后 hexo clean && hexo g && hexo d然后登陆自己的网页查看效果即可 article // box-shadow 1px ...
hexo的yelee主题本地搜索故障
hexo s本地测试正常 hexo d部署测试故障,故障表现为: 主页搜索博客正常,在浏览博客的情况下再搜索博客出现404故障解决方案为: npm uninstall hexo-generater- ...
hexo的yelee主题中的标签字体大小的修改
路径: themes/yelee/source/css/_partial/main.styl 修改代码为: .header-menu{menu-line-height = (28/16)remfont ...
hexo的yelee主题更换类别以及tags的字体颜色
一.修改类别的字体颜色路径是: themes/yelee/layout/_partial/tag-cloud-page.ejs 修改代码 .category-list a { color: oran ...
gulp加速hexo的yelee主题
gulp有两个版本: CLI version和Local version apt install install gulp(这个是安装CLI version的) 如果是4以上那么进行降维: npm c ...
hexo的yelee主题修改左上角的博客名字颜色、修改代码模块中的引号内部的字体颜色
一.修改左上角的博客名字颜色路径: themes/yelee/source/css/_partial/main.styl 找到下列代码: #header{width:100%;a {color: # ...
hexo的yelee主题的文章中的超链接颜色修改
修改文件为: themes/yelee/source/css/style.styl 修改位置为第59行-第64行 a {text-decoration:none;outline-width:0;col ...

hexo的yelee主题使用katex引擎(markdown渲染加速)

hexo的yelee主题使用katex引擎(markdown渲染加速)相关推荐

最新文章

热门文章