hexo博客yilia主题添加复制代码块功能

本文主要是介绍hexo博客yilia主题添加复制代码块功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

博客中的复制代码块功能还是挺实用的，本文参考自 这个博客，感谢并膜拜这位大佬，该博客应该是yilia主题添加复制代码块功能的首创，详细记录了整个过程，看起来比较繁琐（无贬义），所以我单独整理一份最终版

1. 在themes\yilia\source中新建js文件夹，在该文件夹中新建clipboard_use.js如下：

$(".highlight").wrap("<div class='code-wrapper' style='position:relative'></div>");
/*页面载入完成后，创建复制按钮*/
!function (e, t, a) {/* code */var initCopyCode = function () {var copyHtml = '';copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';copyHtml += '  <i class="fa fa-clipboard"></i><span>复制</span>';copyHtml += '</button>';$(".highlight .code")

这篇关于hexo博客yilia主题添加复制代码块功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---