How to use Markdown correctly on AnqiCMS website and display mathematical formulas and flowcharts

The new AnQi CMS version has added a Markdown editor, so it can support inserting mathematical formulas and flowcharts.

But mathematical formulas and flowcharts need to be displayed with the support of third-party plugins.

The following introduces their usage methods.

Firstly, enable the Markdown editor in the AnqiCMS background -> Global Settings -> Content Settings

Create a new document, insert mathematical formulas and flowcharts into the document for testing later

Apply Markdown default styles on the web page:

We leverage Cloudflare's CDN resources. Add the following line of content to the header of the base.html file.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.2.0/github-markdown.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />

Correct display of mathematical formulas on the web

We use the cdn resources of jsdelivr. Add the following line of content to the header of the base.html file:

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

The correct display of flowcharts on the web

We use the cdn resources of jsdelivr. Add the following content to the header of the base.html file.

    <script type="module">
        import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
        mermaid.initialize({ startOnLoad: true });
    </script>