添加代码块复制按钮的方法

在页面定制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,侵删

原文地址:https://www.cnblogs.com/sillage/p/13959121.html