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

目录
相关文章
|
缓存 数据可视化 JavaScript
draw-io
Draw.io是一个可配置的图表/白板可视化应用程序。draw.io 由英国软件公司JGraph Ltd拥有和开发。这是一个开源项目(但对贡献是封闭的)可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等
954 0
draw-io
|
程序员 Linux Docker
使用Docker本地安装部署Drawio绘图工具并实现公网访问
使用Docker本地安装部署Drawio绘图工具并实现公网访问
1056 0
|
7月前
|
NoSQL 数据库 uml
draw.io:开源款白板/图表绘制利器
draw.io 是一款开源免费的图表绘制工具,支持流程图、思维导图、网络拓扑图等多种图表类型。它在 GitHub 上已有 52.6k Star,提供在线版、自托管 Docker 部署和桌面版安装方式。无论你是学生、教师还是工程师,draw.io 都能极大提高你的工作效率。官方网站:[https://www.drawio.com](https://www.drawio.com),GitHub 地址:[https://github.com/jgraph/drawio-desktop](https://github.com/jgraph/drawio-desktop)。
809 6
draw.io:开源款白板/图表绘制利器
|
数据可视化
Signac R|如何合并多个 Seurat 对象 (2)
Signac R|如何合并多个 Seurat 对象 (2)
324 11
Signac R|如何合并多个 Seurat 对象 (2)
|
11月前
|
存储 自然语言处理 API
HarmonyOS SDK使用:熟悉HarmonyOS提供的开发工具和API
【10月更文挑战第21天】随着智能设备的普及,操作系统的重要性日益凸显。华为推出的HarmonyOS凭借其跨平台、分布式特性受到广泛关注。本文将从开发工具、API使用、SDK更新维护及社区支持等方面,探讨HarmonyOS SDK的使用,旨在帮助开发者高效利用这一强大平台,开启鸿蒙应用开发之旅。
796 5
|
网络协议 应用服务中间件 网络安全
阿里云免费SSL申请流程(白嫖20张SSL免费证书)2024年新版教程
本文详述了2024年最新的阿里云免费SSL证书申请流程。用户可通过阿里云数字证书管理服务控制台一键申请最多20张免费单域名SSL证书,每张证书有效期为3个月。首先登录控制台,选择“SSL证书管理”下的“个人测试证书”,同意协议并完成购买流程。之后需创建证书、输入域名等信息并进行域名验证。验证方法包括手动DNS验证、域名授权自动化验证或文件验证。完成验证后,等待审核通过即可下载适用于不同服务器类型的SSL证书。请注意,阿里云免费SSL证书到期后不支持续费,需重新申请。了解更多详情,请访问阿里云官方SSL证书页面。
|
运维 算法 应用服务中间件
运维系列.Nginx中使用HTTP压缩功能(一)
运维系列.Nginx中使用HTTP压缩功能(一)
286 1
万物皆可Draw.io
最近迷上了一款工具:Draw.io。用过几次之后,就一发不可收拾了。
915 0
万物皆可Draw.io
|
消息中间件 负载均衡 NoSQL