WordPress网站B2主题美化之代码高亮+一键复制

B2主题自带的代码高亮没有一键复制，遇到长代码的时候，还得选中一直滑动鼠标才可以复制，容易断选，结合了网上教程这边做了一个一键复制的js代码，其他主题需要请自行调整。

1.代码一键复制功能代码-child.js文件

//文章页面高亮代码复制粘贴-https://www.dixunblog.cn
for (var i = 0; i < $(".prettyprint").length; i++) {
$(".prettyprint").eq(i).append('<span class="copy" data-clipboard-target="#copy'+ i +'">一键复制</span>');
$(".prettyprint").eq(i).attr('id','copy'+ i);
}
var clipboard = new ClipboardJS('.copy');
clipboard.on('success', function(e) {
//console.info(e.text); 提示
e.clearSelection();
e.trigger.innerHTML = "一键复制成功";
e.trigger.disabled = true;
setTimeout(function() {
e.trigger.innerHTML = "一键复制";
e.trigger.disabled = false;
},
2000);/**时长**/
});
//文章页面高亮代码复制粘贴-https://www.dixunblog.cn

2.代码一键复制美化代码-style.css文件