md-katex 0.3.0

A Markdown extension for rendering LaTeX math using Katex

About md_katex

md_katex is a KaTeX plugin initially developed for use in personal blogs with Pelican. It focuses on rendering mathematical formulas directly in the browser using the KaTeX JavaScript library, rather than performing offline conversions.

Features

• Client-Side Rendering: Unlike other plugins, md_katex does not convert formulas offline. Instead, the KaTeX JavaScript file in the browser handles the rendering, making the publishing process simpler and more efficient.
• Supports Multiple Formula Delimiter Styles:
  • GitLab Style: Use $` and `$ for inline formulas, and ~~~math code blocks for block-level formulas.
  • Brackets Style: Use \( and \) for inline formulas, and \[ and \] for block-level formulas.
  • GitHub Style: Use $$ as both the opening and closing delimiters for block-level formulas.

Installation

First, ensure that you have the python-markdown library installed. Then, you can install this plugin using the following command:

pip install md_katex

The generated HTML will include KaTeX formulas, and you will need to load KaTeX JavaScript on the frontend to complete the rendering.

To ensure proper rendering, include the KaTeX script via a <script> tag in your HTML page. For example, using a CDN:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous">
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg" crossorigin="anonymous"></script>
    <script>document.addEventListener("DOMContentLoaded", function () {
 var mathElements = document.getElementsByClassName("math");
 var macros = [];
 for (var i = 0; i < mathElements.length; i++) {
  var texText = mathElements[i].firstChild;
  if (mathElements[i].tagName == "SPAN" || mathElements[i].tagName === "DIV") {
   katex.render(texText.data, mathElements[i], {
    displayMode: mathElements[i].classList.contains('display'),
    throwOnError: false,
    macros: macros,
    fleqn: false
   });
}}});
    </script>

References

• https://github.com/mbarkhau/markdown-katex
• https://github.com/martenlienen/pelican-katex
• https://github.com/oruelle/md_mermaid
• https://github.com/goessner/markdown-it-texmath
• https://docs.gitlab.com/ee/user/markdown.html#math
• https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/writing-mathematical-expressions
• https://katex.org/docs/autorender