mermaid

简介: mermaid

首先在 body 中引入 mermaid.js 文件。

<!-- mermaid支持 -->
<script src="https://cdn.9xing.cn/mermaid/8.13.4/mermaid.min.js"></script>点击复制复制失败已复制


注意

mermaid.js 文件的引入要放在配置脚本之前


配置:

<script>
    var mermaidNum = 0;
    mermaid.initialize({
        startOnLoad: false
    });
    window.$docsify = {
        markdown: {
            renderer: {
                code: function(code, lang) {
                    if (lang === 'mermaid') {
                        return '<div class="mermaid">' + mermaid.render('mermaid-svg-' + mermaidNum++, code) + '</div>';
                    }
                    return this.origin.code.apply(this, arguments);
                }
            }
        },
    }
</script>
目录
相关文章
|
安全 前端开发 Java
Springboot中如何优雅的进行字段以及业务校验
Springboot中如何优雅的进行字段以及业务校验
294 0
|
2月前
|
Web App开发 安全 算法
什么是一次性密码(OTP)
一次性密码(OTP)是一种动态生成的临时身份验证代码,仅能使用一次且有效期短,通常为30-60秒。它作为多因素认证的重要组成部分,通过设备或应用生成唯一代码,提升账户安全性,减少密码重用和拦截风险,广泛应用于金融、企业安全、电商等领域。
907 87
|
11月前
|
数据可视化 API
低代码可视化工具-uniapp页面跳转传参-代码生成器
低代码可视化工具-uniapp页面跳转传参-代码生成器
383 2
|
机器学习/深度学习 数据可视化 数据挖掘
Python在数据分析中的应用及优势
本文探讨了Python在数据分析领域的重要性和优势,介绍了Python在处理大规模数据、构建数据可视化和实现机器学习模型等方面的应用案例,展示了Python作为数据分析利器的强大功能。
|
Oracle Java 关系型数据库
Java官网下载JDK21版本详细教程(下载、安装、环境变量配置)
Java官网下载JDK21版本详细教程(下载、安装、环境变量配置)
|
XML JSON Java
老程序员分享:JAVA对象转换JSON
老程序员分享:JAVA对象转换JSON
1021 0
|
IDE API 开发工具
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Radio组件
鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Radio组件
438 0
|
JavaScript 前端开发 中间件
Vue工具和生态系统:什么是Nuxt.js?它的特点是什么?
Vue工具和生态系统:什么是Nuxt.js?它的特点是什么?
295 0
|
JavaScript 前端开发 数据可视化
再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制工具
开发人员已能够在 GitHub 中使用 Mermaid 图表工具。
923 0
再不用怕Markdown中的绘图了,GitHub官方支持Mermaid图表绘制工具
|
网络架构
web统计:UV、IP、PV、VV
web统计:UV、IP、PV、VV
672 0