博客园设置代码复制按钮
博客园设置代码复制按钮
将下方代码贴到博客园中设置选项里面的页面定制CSS代码中:
/*添加按钮*/-blogs-markdown pre { position: relative;}-blogs-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; /*注释下面这一行,button一直显示*/ display:none;}-blogs-markdown pre:hover > span { display:block;}-blogs-markdown pre > .copyed { background: #67c23a;}
申请JS权限;
将下方代码粘贴到页脚HTML代码区域: