在折腾自己的Blogger的过程中，我完成了通过使用JS实现了在html编辑模式下使用markdown撰写文章。
其中的代码高亮模式反而是提供了引用的模块作用，变成了黑底白字，甚是精致。于是我开始思考一个问题，怎么在Blogger中添加可以复制的代码模块，于是我在互联网上进行大海捞针式的搜寻。到最后结果发现，我还是回到了我的代理大佬的Blogger老家，这位大佬是我在很久之前使用naiveproxy代理时找到的大佬，脚本面板非常的简洁，like it！
上文链接：点击此处查看
以下为正文
- 打开Blogger的主题页面，通过下三角点击进入‘编辑HTML’
在HTML代码中搜索“”,建议在该关键词起数倒数第三行，搜索“<b:include=…“，该字段应在</head>以上，在此行上面加入以下代码
<script src='https://crazypeace.github.io/blogger-replace-blockquote-to-pre/blockquote-add-copy-button.js'/>
- 打开Blogger的主题背景下的自定义的功能，在高级/进阶的选项中下拉，找到新增CSS，在输入框中输入以下内容。
.copy-button {
position: absolute;
display: none;
cursor: pointer;
inset: 5px 5px auto auto;
width: 1em;
height: 1em;
border: 1px solid;
box-shadow: -3px 3px #999
}
:hover>.copy-button {
display: inline-block
}
.copy-success {
box-shadow: none;
background-color: #999;
transition: box-shadow .3s ease-out,background-color .3s ease-out
}
.copy-fail {
border-style: dotted
}
pre, pre:hover {
white-space: pre-wrap;
word-break: break-all;
}
pre code {
display: block;
overflow-x: auto;
}
@media only screen and (min-width: 992px) {
pre { white-space: pre; }
}
- 点击保存，即可撰写文章的HTML编辑模式中使用<blockquote></blockquote>实现代码可复制的功能，当然也可以点击功能栏中的引用按钮后，输入代码进行测试。
在浏览作者的网页时，发现作者开启了Blogger的移动端页面，起移动端页面也可以一键复制代码，而我的移动端页面就无法进行复制，这就很难绷。但是目前还没有找到解决方法，于是我毅然决然地关闭了移动端。。。
鼠标移动到代码块或者手机端轻点代码块，在右端出现带阴影的方块，点击此方块可进行一键复制
参考文章
作者：CrazyPeace
链接一：blogspot给blockquote代码段添加复制按钮
链接二：Blogspot给代码段添加复制按钮