How to use AnQiCMS to correctly use Markdown on the web and display mathematical formulas and flowcharts

The new Anqi CMS has added a Markdown editor, which supports inserting mathematical formulas and flowcharts.

But mathematical formulas and flowcharts require third-party plugins to be displayed properly.

Below, we will introduce their usage methods.

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

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

Apply the default Markdown style on the web:

We utilize Cloudflare's CDN resources. Add the following line 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" />

Display of mathematical formulas correctly on the web

We use the jsdelivr CDN resources. Add the following line in 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>

Display of flow chart correctly on the web

We leverage 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>