联合创作人招募中!
微信联系:yulone

网页中插入数学公式的方法?MathJax

对于学术性较强的朋友的个人网站,经常会用到一些数学公式,不知道大家都是通过什么样的方式来展示数学公式的,如果你还停留在通过在线公式编辑器或者office生成图片公示后再插入的方法,那么你可能非常需要这篇文章了。另外很多朋友在用LaTex排版,那么这篇文章也能够帮你把LaTex格式的公式发布到网页上。这边能让网页显示数学公式的方法有很多种,但是这篇文章只挑出了目前使用最广,功能也最强大的方法——MathJax,一个用于生成数学公式的 js 工具,公式的编写完全基于LaTex,支持markdown语法,因此编辑公式也可以非常简单。另一个好处是这样生成的公式不是一个图片,而是可以选中的内容,因此它们可以被搜索引擎索引。

MathJax

如何使用MathJax?

MathJax调用非常方便,只需要在需要展示数学公式的页面加载 MathJax 的 js 即可,代码如下:

<script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
 <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

也可以使用cloudflare提供的cdn:

<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

MathJax设置

MathJax 的公式支持修改一些展示及渲染参数,可以在公式点击右键进行修改。另外默认的设置界面语言是英语,如果需要将默认语言转换成其他语言,只需要在上述 js 调用地址后面加上 &locale=zh-hans 即可,如:

 <script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML&locale=zh-hans"></script>

如何本地化MathJax?

虽然MathJax已经为我们提供了cdn服务,但是相信还是有一些同学会想要将MathJax安装在自己的cdn上,或者学校机构等想要为学生提供类似的cdn服务,那么通过将MathJax的js安装在本地,我们可以加快MathJax的加载速度。不过安装到自己的服务器的话需要注意 MathJax 的版本更新问题哦。

参考:http://docs.mathjax.org/en/latest/installation.html

可以直接git MathJax的源:

git clone https://github.com/mathjax/MathJax.git MathJax

当然也可以直接下载MathJax到本地:当前版本:MathJax-2.7.2.zip

下载之后解压,移动到服务器上(或者硬盘)的所需位置。 一个建议是将其放在Web服务器层次结构的顶层。 这可以方便的通过调用 服务器地址/MathJax/MathJax.js 来加载。

为什么 MathJax 在 Github 上无法显示?不起作用?

因为 MathJax 给出的是HTTP,而Github要求的是HTTPS,所以把 MathJax 的调用路径 “http://” 改为 “https://” 即可。

关于MathJax的代码格式以及数学公式编辑格式,请参考以下页面:

 

爱鱼客著作权所有!未经允许不得转载:爱鱼客 » 网页中插入数学公式的方法?MathJax

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址