Highlight.js for WordPress 添加一个复制代码的功能

Highlight.js是一款流行的JavaScript库，它用于高亮显示代码片段，使得在WordPress博客或其他网站上展示代码变得更加美观易读。在WordPress中添加Highlight.js并集成复制代码功能，可以按以下步骤操作：

1. **安装Highlight.js插件**：
- 首先，你需要从WordPress插件库中搜索"Highlight.js"，然后安装并激活它。或者直接访问官方网站下载压缩包手动上传到`wp-content/plugins`目录。

2. **启用语法高亮**：
- 在主题模板文件中，通常是在文章内容的循环里，加载Highlight.js库。例如，在`single.php`或`index.php`文件内添加以下HTML代码：

     <script src="path/to/highlight.min.js"></script>
     <link rel="stylesheet" href="path/to/styles.css">

- 确保替换`path/to`为实际的文件路径，比如`wp-content/plugins/highlight-js/dist`。

3. **标记代码块**：
- 使用合适的HTML标签包裹需要高亮的代码，如`<pre><code class="language-javascript">...</code></pre>`。`language- 可以通过JavaScript库如clipboard.js来添加复制按钮。在页面脚本中，给每个代码块添加一个复制按钮，并绑定事件处理程序：

     document.querySelectorAll('pre code').forEach(function(codeBlock) {
       new ClipboardJS('.copy-button', {
         target: codeBlock,
       });
     });

5. **样式定制**：
- 如果需要，可以根据Highlight.js的默认样式进行个性化调整，或者使用自定义CSS覆盖。