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

目录
相关文章
|
4月前
|
安全 程序员
分享5款在不同场景提供支持的软件
本文介绍了五款实用的软件工具,涵盖静态分析、文件管理、微信空号检测、软件卸载及跨平台共享等领域。其中包括专为逆向工程设计的Cerbero Suite Advanced、现代化文件管理工具tagLyst Next、智能微信空号检测软件燃精灵、专业卸载工具IObit Uninstaller,以及跨平台共享工具Synergy,助力用户高效完成各类任务。
55 1
|
6月前
|
JavaScript
什么是类型兼容?
什么是类型兼容?
45 1
|
自然语言处理
云开发连接器支持多语言
云开发连接器支持多语言自制脑图
73 0
云开发连接器支持多语言
视频支持
视频支持
82 0
|
SQL 测试技术 数据库
最佳实践—如何支持热点更新场景
背景介绍 数据库中更新的模式为lock -&gt; update -&gt; unlock,当对数据库中的同一条记录有大量修改请求时,会造成大量的锁争抢与锁等待。请求量增加会导致TPS下降,延迟飙升。例如,秒杀场景中对于商品库存的扣减。 您可以选择在数据库内核中进行批处理,即对该条记录进行的更新操作使用组提交,更新的模式更改为lock-&gt; group update -&gt; unlock,从而减少锁争抢。结合流水线处理等优化,可以大大提高该场景的TPS,详情可见测试结果。
144 0
|
消息中间件 存储 关系型数据库
支持近似计算
支持近似计算
109 0
|
监控 Java Spring
扩展JavaMelod支持自定义监控点
扩展JavaMelod支持自定义监控点
218 0
扩展JavaMelod支持自定义监控点
|
Web App开发 Linux 程序员