下载highlightjs-copy-button.js给网站代码加上copy复制按钮

使用highlightjs改我们给高亮代码之后，还有一个美化的方法，给高亮代码加上复制按钮，方便复制和使用。

1、下载插件：highlightjs-copy-button.js

2、引入下载好的文件：（注：前提先引入了highlightjs）

<script src="https://www.tpxhm.com/fdetail/highlightjs-copy-button.min.js"></script>

3、实例化

// 显示copy代码复制按钮
hljs.highlightAll(); 
hljs.initCopyButtonOnLoad();

这样鼠标悬停到代码出，就会出现复制按钮，和复制成功按钮。我们可以打开highlightjs-copy-button.js文件，把默认的英文改为中文

  var BLOCK_NAME = 'hljs-button',
    LN_CLASS = 'hljs-ln-code',
    TEXT_COPY = '复制',
    TEXT_ERROR = 'Error',
    TEXT_COPIED = '复制成功';