首先在 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')点击复制复制失败已复制
示例: