<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <title>手册</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="src/vue.css">

</head>

<body>
  <div id="app"></div>
  <script>

    window.$docsify = {
      loadSidebar: true, //加载侧导航
      autoHeader: true, // 同时设置 loadSidebar 和 autoHeader 后,可以根据 _sidebar.md 的内容自动为每个页面增加标题。
      mergeNavbar: true,  // 小屏设备下合并导航栏到侧边栏。

      loadNavbar: false, // 配置顶部导航栏
      subMaxLevel: 2,    //加载标题等级
      auto2top: true,   //切换页面后是否自动跳转到页面顶部。默认值: false
      logo: '/src/ubains.ico',  // logo
      name: '<span>远程实验室使用手册</span>', // 可以是html代码
      repo: '',
      search: {
        paths: 'auto', // or 'auto' 搜索配置
        placeholder: '搜索',
        noData: '没有结果!',
      },

      copyCode: {
        buttonText: '点击复制',
        errorText: '错误',
        successText: '已复制'
      },

      pagination: {
        previousText: '上一章节',
        nextText: '下一章节',
        crossChapter: true,
        crossChapterText: true,
      },

      count: {
        countable: true,
        fontsize: '0.9em',
        color: 'rgb(90,90,90)',
        language: 'chinese'
      },

      tabs: {
        persist: true,      // default true 确定在页面刷新/重新访问后是否恢复选项卡选择。
        sync: true,      // default true  确定选项卡选择是否将在具有匹配标签的选项卡之间同步。文档中多个tabs
        theme: 'classic', // default 'classic' 设置标签主题 'classic', 'material',false
        tabComments: true,      // default true 选项卡注释
        tabHeadings: true       // default true 确定是否可以使用标题 + 粗体降价定义选项卡集中的选项卡。
      },

      formatUpdated: '{YYYY}/{MM}/{DD} {HH}:{mm}:{ss}', // 通过 {docsify-updated} 变量显示文档更新日期.

      // You just have to copy it to Your own html File
      markdown: {
        renderer: {

          code: function (code, lang) {
            if (lang === 'drawio') {
              if (window.drawioConverter) {
                console.log('drawio 转化中')
                return window.drawioConverter(code)
              } else {
                return `<div class='drawio-code'>${code}</div>`
              }
            }else {
              return this.origin.code.apply(this, arguments);
            }
          }
        }
      },

      themeable: {
        readyTransition: true, // default
        responsiveTables: true  // default
      }

    }
  </script>
  <!-- Docsify v4 -->
  <script src="src/docsify.js"></script>

  <!-- zoom-image.min 是图片缩放 -->
  <script src="/src/zoom-image.min.js"></script>

  <!-- 搜索插件 -->
  <script src="/src/search.min.js"></script>

  <!-- emoji表情 -->
  <script src="/src/emoji.min.js"></script>

  <!-- 复制插件 -->
  <script src="/src/docsify-copy-code.min.js"></script>

  <!-- 分页导航插件 -->
  <script src="/src/docsify-pagination.min.js"></script>

  <!-- 为docsify提供文字统计的插件 -->
  <script src="/src/countable.js"></script>

  <!-- 这个插件用来在 Markdown 中显示选项卡 -->
  <script src="/src/docsify-tabs.js"></script>

  <!-- 这个插件用来链接到 术语   在根目录创建 _glossary.md 文件 里面用来写术语-->
  <!-- 术语必须以 ##### 为谓词才能被词汇表认可,文档中的术语必须用空格包围才能被正则表达式替换,术语将按照它们在词汇表文件中出现的顺序替换为链接 -->
  <script src="/src/docsify-glossary.min.js"></script>


  <!-- 可以将 drawio xml 数据转换为文档中的图片 -->
  <script src="/src/viewer.min.js"></script>
  <script src="/src/drawio.js"></script>



</body>

</html>