drawio支持

简介: drawio支持

首先在 body 中引入相关文件。

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


注意

一定要在 window.$docsify 后引入。


配置

<script>
    window.$docsify = {
        markdown: {
            renderer: {
                code: function(code, lang) {
                    if (lang === 'drawio') {
                        if (window.drawioConverter) {
                            return window.drawioConverter(code);
                        } else {
                            return `<div class='drawio-code'>${code}</div>`;
                        }
                    }
                    return this.origin.code.apply(this, arguments);
                }
            }
        },
    }
</script>点击复制复制失败已复制


使用方法:

[系统架构图](./assets/images/系统架构图.drawio ':include :type=code')点击复制复制失败已复制


示例:

微信截图_20221208103125.png

目录
相关文章
|
5月前
|
JavaScript
什么是类型兼容?
什么是类型兼容?
31 1
|
6月前
|
SQL 关系型数据库 MySQL
|
7月前
|
Android开发 C++
so兼容32位和64位
在Android开发中遇到32位`xxx.so`动态库在64位设备上运行失败的问题,导致应用崩溃。错误提示因缺少64位版本的库。尝试创建`arm64-v8a`目录并复制库文件后,依然崩溃,因为库本身是32位。解决方案是在`build.gradle`中添加配置,指定支持的ABI滤镜,并在`gradle.properties`中设置`android.useDeprecatedNdk=true`,以解决兼容性问题。
148 7
|
自然语言处理
云开发连接器支持多语言
云开发连接器支持多语言自制脑图
62 0
云开发连接器支持多语言
视频支持
视频支持
77 0
|
SQL 测试技术 数据库
最佳实践—如何支持热点更新场景
背景介绍 数据库中更新的模式为lock -&gt; update -&gt; unlock,当对数据库中的同一条记录有大量修改请求时,会造成大量的锁争抢与锁等待。请求量增加会导致TPS下降,延迟飙升。例如,秒杀场景中对于商品库存的扣减。 您可以选择在数据库内核中进行批处理,即对该条记录进行的更新操作使用组提交,更新的模式更改为lock-&gt; group update -&gt; unlock,从而减少锁争抢。结合流水线处理等优化,可以大大提高该场景的TPS,详情可见测试结果。
138 0
|
消息中间件 存储 关系型数据库
支持近似计算
支持近似计算
98 0
|
监控 Java Spring
扩展JavaMelod支持自定义监控点
扩展JavaMelod支持自定义监控点
200 0
扩展JavaMelod支持自定义监控点
|
Web App开发 Linux 程序员
下一篇
无影云桌面