添加代码块复制按钮的方法
在页面定制css代码处添加相应css,这个是需要申请的
/*添加按钮*/
.cnblogs-markdown pre {
position: relative;
}
.cnblogs-markdown pre > span {
position: absolute;
top: 0;
right: 0;
border-radius: 2px;
padding: 0 10px;
font-size: 12px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
cursor: pointer;
display:none;
}
.cnblogs-markdown pre:hover > span {
display:block;
}
.cnblogs-markdown pre > .copyed {
background: #67c23a;
}
然后再在页脚HTML处添加相应js
<script src="https://files.cnblogs.com/files/strongmore/clipboard.min.js"></script>
<script src="https://files.cnblogs.com/files/strongmore/cp.js"></script>
大家可以把js上传到自己博客文件那儿,生成一个自己的链接来使用较为稳当
本文参考strongmore,侵删
作者:荒
除特别声明为原创博文外,均可转载,也欢迎转载,未经作者同意必须在文章页面给出原文链接,否则保留追究法律责任的权利,谢谢您的配合。