MathJax Cheatsheets and Introduction

MathJax is a JavaScript library that allows people to embed mathematical formulas in web pages using various formats like TeX, MathML, and ASCIImath. MathJax is installed on this website, so anyone can use it in the forum, blogs, and wiki.

Sample output: MathJax allows users to enter TeX and get back formulas like this:

$$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$$

How to Install MathJax

You can install MathJax by including a <script> tag from a CDN like cdnjs. For example, you could copy/paste this script tag into your site, just before the closing </body> tag:

  1. <script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" integrity="sha256-yYfngbEKv4RENfGDvNUqJTqGFcKf31NJEe9OTnnMH3Y=" crossorigin="anonymous"></script>

If MathJax appears to be loading, but doesn't render the math symbols, be sure that the MathJax URL has these parameters on the end: ?config=TeX-AMS-MML_HTMLorMML

MathJax can also be installed with NPM or downloaded to your server.

The MathJax Cheatsheets

I often need to look up Mathjax symbols. These are the most useful references I've found:

Quickstart

To embed MathJax into a site, surround the markup with backslash-escaped parentheses, like this:

  1. \( \cfrac{2}{1+\cfrac{2}{1+\cfrac{2}{1}}} \)

Example output: \( \cfrac{2}{1+\cfrac{2}{1+\cfrac{2}{1}}} \)

To display the output as a block, use backslash-escaped square brackets:

  1. \[ \cfrac{2}{1+\cfrac{2}{1+\cfrac{2}{1}}} \]

Example output:

\[ \cfrac{2}{1+\cfrac{2}{1+\cfrac{2}{1}}} \]

MathJax will work anywhere on this site: the forum, wiki, and blogs.