1 files changed, 35 insertions, 0 deletions
diff --git a/content/docs/shortcodes/katex.md b/content/docs/shortcodes/katex.md
new file mode 100644
index 0000000..0b7b236
--- /dev/null
+++ b/content/docs/shortcodes/katex.md
@@ -0,0 +1,35 @@
+---
+title: KaTeX
+---
+# KaTeX
+
+KaTeX shortcode let you render math typesetting in markdown document. See [KaTeX](https://katex.org/)
+
+## Example
+
+<div class="book-columns flex flex-wrap">
+  <div class="flex-even markdown-inner">
+
+```latex
+{{</* katex display=true class="optional" >}}
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+{{< /katex */>}}
+```
+
+  </div>
+  <div class="flex-even markdown-inner">
+
+{{< katex display=true class="optional" >}}
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+{{< /katex >}}
+
+  </div>
+</div>
+
+## Display Mode Example
+
+Here is some inline example: {{< katex >}}\pi(x){{< /katex >}}, rendered in the same line. And below is `display` example, having `display: block`
+{{< katex display=true >}}
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+{{< /katex >}}
+Text continues here.