使用KaTeX代替MathJax渲染公式

ゝ一纸荒年。 2023-07-25 09:29 14阅读 0赞

[MathJax渲染公式][MathJax]我写过这样的文章。但是在实际使用的过程中发现有时候频繁刷新页面会导致公式加载一半，全部显示$//$这样的情况。加载的速度也很慢。会把公式转变的过程都呈现出来。于是想着换另一种插件KaTeX。

官网：[https://www.bootcdn.cn/KaTeX/][https_www.bootcdn.cn_KaTeX]

使用方法：

<link href="https://cdn.bootcss.com/KaTeX/0.10.2/katex.min.css" rel="stylesheet">
     <script src="https://cdn.bootcss.com/KaTeX/0.10.2/katex.min.js"></script>
     <script src="https://cdn.bootcss.com/KaTeX/0.10.2/contrib/auto-render.min.js"></script>

<script>
        renderMathInElement(document.body,
       {
                  delimiters: [
                      {left: "$$", right: "$$", display: true},
                      {left: "$", right: "$", display: false}
                  ]
              }
      );
    </script>

[MathJax]: https://blog.csdn.net/qq_33769914/article/details/83573317?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158683311519724846437860%2522%252C%2522scm%2522%253A%252220140713.130056874..%2522%257D&request_id=158683311519724846437860&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-blog_SOOPENSEARCH-2
[https_www.bootcdn.cn_KaTeX]: https://www.bootcdn.cn/KaTeX/

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关使用KaTeX代替MathJax渲染公式

[MathJax渲染公式][MathJax]我写过这样的文章。但是在实际使用的过程中发现有时候频繁刷新页面会导致公式加载一半，全部显示$//$这样的情况。加载的速度也很慢。会把

ゝ一纸荒年。/ 2023年07月25日 09:29/ 0 赞/ 15 阅读

相关 Markdown / KaTex数学公式汇总

目录【LaTex和KaTex】【软件推荐 Mathpix】一、如何插入公式二、上下标三、常用运算符四、高级运算符五

梦里梦外;/ 2023年06月19日 05:23/ 0 赞/ 37 阅读

相关 katex常用公式符号一览表

前言文章来源：CSDN@LawsonAbs 本文简要总结katex（类latex）中使用的语法，尤其是一些常见符号的表达。 ---------------

旧城等待，/ 2023年01月03日 01:57/ 0 赞/ 404 阅读

相关结合使用katex html2canvas 将LaTeX公式保存为图片

1. 首先引入katex和html2canvas库，在引入katex的时候注意要把CSS也引进来，保证公式渲染位置正确 2. 调用katex的`renderToString

怼烎@/ 2022年11月22日 12:49/ 0 赞/ 273 阅读

相关 katex本地化

我们想使用katex渲染公式通常都是引入的cdn的地址 <link rel="stylesheet" href="https://cdn.jsdelivr.net/n

素颜马尾好姑娘i/ 2022年11月17日 10:16/ 0 赞/ 221 阅读

相关修改默认的markdown渲染引擎实现Mathjax效果

修改默认的markdown渲染引擎实现Mathjax效果支持更复杂的公式渲染 [hexo-renderer-kramed][] 安装先卸载默认渲染

淡淡的烟草味﹌/ 2022年10月12日 05:55/ 0 赞/ 148 阅读

相关 vue中使用MathJax展示数学公式

效果 ![在这里插入图片描述][20210630182030676.png] 引入第三方包 <script type="text/javascript"

清疚/ 2022年10月11日 12:26/ 0 赞/ 477 阅读

相关 MathJax使用LaTeX语法编写数学公式教程

MathJax是一款相当强悍的在网页显示数学公式的插件。本教程介绍MathJax如何使用LaTeX语法编写数学公式。 1．如何插入公式 LaTeX的数学公式有两种：行中公式

梦里梦外;/ 2022年08月17日 15:13/ 0 赞/ 698 阅读

相关测试在网页上用Latex编写数学公式(MathJax )

在网页上使用Latex格式插入公式 1. 使用方法只需要在源码<head>便签中添加： <script type="text/javascript"

我会带着你远行/ 2021年11月10日 06:40/ 1 赞/ 564 阅读

相关 MarkdownPad2 插入数学公式Mathjax

1.下载Mathjax源码 [https://github.com/mathjax/MathJax][https_github.com_mathjax_MathJax] 2

ゝ一纸荒年。/ 2021年09月27日 18:26/ 0 赞/ 511 阅读