数学公式库KaTeX小实例
數學公式庫KaTeX小實例
一、總結
一句話總結：
A、MathJax可以渲染公式，另一個庫js庫KaTeX有可以。
B、KaTeX是Khan Academy出品的一款快速、簡單易用的JavaScript庫，用來在Web上渲染TeX格式的數學公式。
1、在線的js和css顯示正常，本地的js和css顯示樣式異常?
樣式有問題，看css，css文件加載正常，發現css里面用相對路徑引了字體，字體問題無疑了
二、數學公式庫KaTeX小實例
博客對應課程的視頻位置：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>KaTeX測試</title>
</head>
<body>
<div>
</div>
<link 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>
<section id="content">
<div>
$$Si=ei∑ej S_i = frac{e^i}{sum e^j} Si?=∑ejei$$
</div>
This is a test for $KaTeX$, $a^2 + b^2 = c^2$, if you want it in display style, try: $$ ext{e} = lim_{n oinfty} left(1+frac{1}{n}ight)^n,$$
</section>
<!--<script>-->
<!-- renderMathInElement(-->
<!-- document.getElementById("content"),-->
<!-- {-->
<!-- delimiters: [-->
<!-- {left: "$$", right: "$$", display: true},-->
<!-- {left: "\[", right: "\]", display: true},-->
<!-- {left: "$", right: "$", display: false},-->
<!-- {left: "\(", right: "\)", display: false}-->
<!-- ]-->
<!-- }-->
<!-- );-->
<!--</script>-->
<script>
renderMathInElement(
document.body,
{
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "\[", right: "\]", display: true},
{left: "$", right: "$", display: false},
{left: "\(", right: "\)", display: false}
]
}
);
</script>
</body>
</html>
本地引入js和css，記得加上fonts
我的旨在學過的東西不再忘記（主要使用艾賓浩斯遺忘曲線算法及其它智能學習復習算法）的偏公益性質的完全免費的編程視頻學習網站：
fanrenyi.com；有各種前端、后端、算法、大數據、人工智能等課程。
版權申明：歡迎轉載，但請注明出處
一些博文中有一些參考內容因時間久遠找不到來源了沒有注明，如果侵權請聯系我刪除。
博主25歲，前端后端算法大數據人工智能都有興趣。
大家有啥都可以加博主聯系方式（qq404006308，微信fan404006308）互相交流。工作、生活、心境，可以互相啟迪。
聊技術，交朋友，修心境，qq404006308，微信fan404006308
26歲，真心找女朋友，非誠勿擾，微信fan404006308，qq404006308
人工智能群：939687837
作者相關推薦
#fry_added_part .inspiration_content{
//max-height: 120px;
overflow: auto;
margin: 20px 0;
}
#fry_added_part .fry_inspiration .simple a{
margin-right: 25px;
}
感悟總結
其它重要感悟總結
感悟總結200813
最近心境200830
最近心境201019
201218-210205
總結
以上是生活随笔為你收集整理的数学公式库KaTeX小实例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 「干货」烤箱烤地瓜的温度与时间需几度电
- 下一篇： 谷歌浏览器扩展插件的提取和离线安装（解决