博客园设置代码复制按钮

网友投稿 422 2022-11-14

博客园设置代码复制按钮

博客园设置代码复制按钮

将下方代码贴到博客园中设置选项里面的​​页面定制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代码​​区域: