MAthJax入门教程（五分钟上手）

时间 2019-11-18

标签 mathjax 入门教程五分 5分上手繁體版

原文原文链接

最近在研究，在页面中显示一些数学公式。搞得我很头疼。听说MathJax会统一这已领域。因此去学了学。网上教程特别多。繁杂。说的清楚的特别少。javascript

我是这么跑通的，：html

1.在官网下载代码地址为：https://www.mathjax.org/java

2.而后找到这个东西，下载源码。解压。不要动里面的配置文件。插件

3.解压后的文件是这个样子。翻译

4.别动文件。所有放到文件中，引入MathJax.js就能够了。3d

这是一个小得demo 全码。粘贴进去就能用，cdn

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MathJax AsciiMath Test Page</title>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['$','$']]}
});
</script>
</head>
<body>
<div id="pop">
$$\frac{1}{2}$$
</div>htm

</body>
</html>blog

这个插件有点大，或者这样子：教程

这两船代码放到body底部就能够了。

！！！ps：还有一条。有时候你的数学代码是动态的，动态代码加载到页面上。MAthJax是不会从新渲染的。解决办法是：

在加载事件后加入这段代码。MathJax.Hub.Queue(["Typeset", MathJax.Hub]);（翻译成中文就是：从新渲染。）。

而后，就成功的用了MathJax啦。