Introducing LaTeX Support

3/4/2020

LaTeX support was added in v3.0 of this website

The new version supports both inline and block LaTeX math expression rendering using MathJax in blog posts, code snippets, and all static pages like the about page.

See the following examples:

Inline Math

Code

Lift($L$) can be determined by Lift Coefficient ($C_L$) like the following equation.

Result

Lift() can be determined by Lift Coefficient () like the following equation.


Block Math

Markdown
$$
 y = a + f(\underbrace{b x}_{
                    \ge 0 \text{ by assumption}}) 
   = a + f(\underbrace{b x}_{
          {\ge 0 \text{ by assumption}}})
$$
Result

Markdown
$$
 z = \overbrace{
   \underbrace{x}_\text{real} + i
   \underbrace{y}_\text{imaginary}
  }^\text{complex number}
$$
Result

Markdown
$$
A \overset{!}{=} B; A \stackrel{!}{=} B
$$
Result

Markdown
$$
\begin{gather*}
a_0=\frac{1}{\pi}\int\limits_{-\pi}^{\pi}f(x)\,\mathrm{d}x\\[6pt]
\begin{split}
a_n=\frac{1}{\pi}\int\limits_{-\pi}^{\pi}f(x)\cos nx\,\mathrm{d}x=\\
=\frac{1}{\pi}\int\limits_{-\pi}^{\pi}x^2\cos nx\,\mathrm{d}x
\end{split}\\[6pt]
\begin{split}
b_n=\frac{1}{\pi}\int\limits_{-\pi}^{\pi}f(x)\sin nx\,\mathrm{d}x=\\
=\frac{1}{\pi}\int\limits_{-\pi}^{\pi}x^2\sin nx\,\mathrm{d}x
\end{split}\\[6pt]
\end{gather*}
$$
Result

Thanks

  • Blog
  • LaTeX
  • Markdown
  • Math
  • MathJax
  • NextJS
  • React
  • Research

Comments

This is a fully dockerized open-source project that uses Django and NextJS to build. Grab your copy from Github

Copyright © 2020 Omar Albeik. All rights reserved.