docsify - 我无法为 docsify 安装复制代码插件

Question

我正在尝试安装 docsify 复制代码插件。但是它不起作用，我的 HTML 没有任何变化，但我做了所有必需的步骤来使它起作用。

<script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>
<script>
window.$docsify = {

      copyCode: {
        buttonText : 'Copy to clipboard',
        errorText  : 'Error',
        successText: 'Copied'
      },
      plugins: [
        window.DocsifyCopyCodePlugin.init()
      ]
    }
<srcipt>

有什么建议吗？

Answer 1

加载脚本的顺序在 docsify 中很重要。您首先定义您的配置 ( window.$docsify)，然后加载主脚本，最后添加任何插件。

以下是您的标签的正确顺序，因此它们应该一起工作：

<!-- Configuration -->
<script>
window.$docsify = {
      copyCode: {
        buttonText : 'Copy to clipboard',
        errorText  : 'Error',
        successText: 'Copied'
      }
    }
</script>
<!-- Main Script -->
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
<!-- Docsify plugins -->
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>

此外，通常不需要使用插件的 init 函数，因为它们会在加载后立即初始化。