本文主要是介绍hexo博客yilia主题添加复制代码块功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
博客中的复制代码块功能还是挺实用的,本文参考自 这个博客,感谢并膜拜这位大佬,该博客应该是yilia主题添加复制代码块功能的首创,详细记录了整个过程,看起来比较繁琐(无贬义),所以我单独整理一份最终版
- 在
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主题添加复制代码块功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!