diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 9f7ec53e35b..7c6f2494972 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -17,6 +17,7 @@ defaultContentLanguageInSubdir= true
disableNextPrev = false
disableMermaid = false
customMermaidURL = "https://unpkg.com/mermaid@8.8.0/dist/mermaid.min.js"
+ disableMathJax = false
titleSeparator = "::"
[outputs]
diff --git a/exampleSite/content/shortcodes/mathjax.en.md b/exampleSite/content/shortcodes/mathjax.en.md
new file mode 100644
index 00000000000..28f2c379765
--- /dev/null
+++ b/exampleSite/content/shortcodes/mathjax.en.md
@@ -0,0 +1,201 @@
+---
+title: "MathJax"
+description: "Display engine for LaTeX, MathML, and AsciiMath
+notation that works in all modern browsers."
+---
+
+[Mathjax](https://github.com/mathjax/MathJax) is an open-source JavaScript display engine for LaTeX, MathML, and AsciiMath
+notation that works in all modern browsers. By default mathjax is **enabled** in the config.toml by default and can be
+disabled if library is not used.
+
+Examples, in this page are taken from [here](https://mathjax.github.io/MathJax-demos-web/tex-svg.html).
+
+Automatic equation numbering is on by default as shown in Example 2
+
+Just insert your mathjax code in the `mathjax` shortcode and that's it.
+
+
+### Example 1
+
+```
+{{*mathjax*/>}}
+
+ When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
+ $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
+
+{{*/mathjax*/>}}
+```
+renders as
+
+{{}}
+
+ When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
+
+ $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
+
+{{}}
+
+### Example 2
+
+The Lorenz Equations
+
+```
+{{*mathjax*/>}}
+
+ \begin{align}
+ \dot{x} & = \sigma(y-x) \\
+ \dot{y} & = \rho x - y - xz \\
+ \dot{z} & = -\beta z + xy
+ \end{align}
+
+{{*/mathjax*/>}}
+```
+renders as
+
+{{}}
+
+ \begin{align}
+ \dot{x} & = \sigma(y-x) \\
+ \dot{y} & = \rho x - y - xz \\
+ \dot{z} & = -\beta z + xy
+ \end{align}
+
+{{}}
+
+### Example 3
+
+The Cauchy-Schwarz Inequality
+
+```
+{{*mathjax*/>}}
+
+\[
+ \left( \sum_{k=1}^n a_k b_k \right)^{\!\!2} \leq
+ \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
+ \]<
+
+{{*/mathjax*/>}}
+```
+
+renders as
+
+{{}}
+
+\[
+ \left( \sum_{k=1}^n a_k b_k \right)^{\!\!2} \leq
+ \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
+ \]<
+
+{{}}
+
+### Example 4
+
+A Cross Product Formula
+
+```
+{{*mathjax*/>}}
+
+\[
+ \mathbf{V}_1 \times \mathbf{V}_2 =
+ \begin{vmatrix}
+ \mathbf{i} & \mathbf{j} & \mathbf{k} \\
+ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
+ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
+ \end{vmatrix}
+ \]
+
+{{*/mathjax*/>}}
+```
+
+renders as
+
+{{}}
+\[
+ \mathbf{V}_1 \times \mathbf{V}_2 =
+ \begin{vmatrix}
+ \mathbf{i} & \mathbf{j} & \mathbf{k} \\
+ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
+ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
+ \end{vmatrix}
+ \]
+
+{{}}
+
+### Example 5
+
+The probability of getting \(k\) heads when flipping \(n\) coins is:
+
+```
+{{*mathjax*/>}}
+
+ \[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
+
+{{*/mathjax*/>}}
+
+```
+
+renders as
+
+{{}}
+
+\[P(E) = {n \choose k} p^k (1-p)^{ n-k} \]
+
+{{}}
+
+### Example 6
+
+An Identity of Ramanujan
+
+```
+{{*mathjax*/>}}
+
+ \[
+ \frac{1}{(\sqrt{\phi \sqrt{5}}-\phi) e^{\frac25 \pi}} =
+ 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
+ {1+\frac{e^{-8\pi}} {1+\ldots} } } }
+ \]
+
+{{*/mathjax*/>}}
+```
+
+renders as
+
+{{}}
+
+\[
+ \frac{1}{(\sqrt{\phi \sqrt{5}}-\phi) e^{\frac25 \pi}} =
+ 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
+ {1+\frac{e^{-8\pi}} {1+\ldots} } } }
+ \]
+
+{{}}
+
+
+### Example 7
+
+In-line Mathematics
+
+```
+{{*mathjax*/>}}
+
+ Finally, while display equations look good for a page of samples, the
+ ability to mix math and text in a paragraph is also important. This
+ expression $\sqrt{3x-1}+(1+x)^2$ is an example of an inline equation. As
+ you see, MathJax equations can be used this way as well, without unduly
+ disturbing the spacing between lines.
+
+{{*/mathjax*/>}}
+
+```
+
+renders as
+
+{{}}
+ Finally, while display equations look good for a page of samples, the
+ ability to mix math and text in a paragraph is also important. This
+ expression $\sqrt{3x-1}+(1+x)^2$ is an example of an inline equation. As
+ you see, MathJax equations can be used this way as well, without unduly
+ disturbing the spacing between lines.
+{{}}
+
+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 091f8094889..a9ef9025651 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -78,6 +78,25 @@
mermaid.initialize({ startOnLoad: true });
{{ end }}
+
+ {{ if (or (and (ne .Params.disableMathJax nil) (not .Params.disableMathJax)) (not .Site.Params.disableMathJax)) }}
+
+
+ {{ end }}
+
{{ partial "custom-footer.html" . }}