support for mermaid

[HJiahu]

hello, i use mermaid in some md, but eureka is not support mermaid, i solved this by doing :

modify themes/eureka/layouts/partials/footer.html and add :

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/mermaid/8.8.3/mermaid.min.js"></script>
<script>
	$(".language-mermaid").addClass("mermaid");
</script>

this method can add mermoid support if you use GoldMark as markdown parser, but if you use pandoc, you should add this:

<script src="https://lib.baomitu.com/jquery/3.5.0/jquery.min.js"></script>
<script src="https://lib.baomitu.com/mermaid/8.6.0/mermaid.min.js"></script>
<script src="https://lib.baomitu.com/mathjax/3.0.5/es5/tex-mml-chtml.js"></script>
<script src="https://lib.baomitu.com/highlight.js/9.15.10/highlight.min.js"></script>

<script>
    $(function () {
        // set mermaid
        var mermaid_code_elems = $(".mermaid code");
        var mermaid_elems      = $(".mermaid");
        for (var i = 0; i < mermaid_code_elems.length; i++) {
            mermaid_elems[i].innerHTML = mermaid_code_elems[i].innerText;
        }

        var pre_code_elems = $("pre code");
        for(var i = 0; i < pre_code_elems.length; i++) {
            pre_code_elems.addClass(pre_code_elems.parent().attr("class"));
        }
       //  hljs.initHighlighting();
       // set hljs

    });
</script>

hope this could improve eureka, thanks eureka

[wangchucheng]

Thanks for sharing!

Eureka already has a roadmap to support mermaid, but before it is officially supported, using alternative methods is a good choice. Thanks again for sharing.