使用mathjax

时间:2022-05-14
本文章向大家介绍使用mathjax,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

为何要用mathjax

在书写数值计算类文章,特别是机器学习相关算法时,难免需要插入复杂的数学公式。一种是用图片在网页上展示,另外一种是使用 MathJax 来展示复杂的数学公式。它直接使用 Javascript 使用矢量字库或 SVG 文件来显示数学公式。优点是效果好,比如在 Retina 屏幕上也不会变得模糊。并且可以直接把公式写在 Markdown 文章里。

hexo支持MathJax

我是使用Typora书写markdown文档的,它自身就支持MathJax了,就不用特别的想办法支持MathJax了。

最好写好的markdown文档要hexo-next主题渲染出来,它支持MathJax的方法很简单,还是简单记录一下,直接在_config.yml文件里加入以下代码段就可以了。

12345

# MathJax Supportmathjax: enable: true per_page: false cdn: //cdn.bootcss.com/mathjax/2.4.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML

但默认的hexo使用的markdown渲染引擎与mathjax有些冲突,建议还是换用hexo-renderer-pandoc作为markdown的渲染引擎。

安装方法也很简单:

# MathJax Support
mathjax:
  enable: true
  per_page: false
  cdn: //cdn.bootcss.com/mathjax/2.4.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML

LaTex简明教程

先看个例子

brew install pandoc
yarn remove hexo-renderer-marked
yarn add hexo-renderer-pandoc

上面的LaTex 格式书写的数学公式经过 MathJax 展示后效果如下:

这个公式是线性回归算法里的成本函数。

规则

关于在 Markdown 书写 LaTex 数学公式有几个规则常用规则需要记住:

行内公式

行内公式使用 $ 号作为公式的左右边界,如 $h(x) = theta_0 + theta_1 x$,示例如下:

梯度递减公式:

行内公式

公式需要独立显示一行时,使用 $$ 来作为公式的左右边界

常用LaTex代码

需要记住的几个常用的符号,这样书写起来会快一点

记住这几个就差不多了,完整的符号列表要看这里,倒回去看一下线性回归算法的成本函数的公式及其 LaTex 代码,对着练习个10分钟基本就可以掌握常用公式的写法了。要特别注意公式里空格和 {} 的运用规则。基本原则是,空格可加可不加,但如果会引起歧义,最好加上空格。{} 是用来组成群组的。比如写一个分式时,分母是一个复杂公式时,可以用 {} 包含起来,这样整个复杂公式都会变成分母了。

几个非常有用的资源

  • 这是一篇质量很高的介绍 MathJax 的中文博客文章,需要注意的是如果是用 markdown 编写 MathJax 公式,当公式里需要两个斜杠  时要写四个斜杠 。因为  会被 markdown 转义一次。
  • Github 上有个在线 Markdown MathJax 编辑器,可以在这里练习,平时写公式时也可以在这里先写好再拷贝到文章里
  • 这是 LaTex 完整教程,包含完整的 LaTex 数学公式的内容,包括更高级的格式控制等
  • 这是一份PDF 格式的 MathJax 支持的数学符号表,当需要书写复杂数学公式时,一些非常特殊的符号的转义字符可以从这里查到
  • 别人整理出的一份技巧

好啦,这样差不多就可以写出优美的数学公式啦。