部落格園設定程式碼複製按鈕
阿新 • • 發佈:2021-02-03
- 將下方程式碼貼到部落格園中設定選項裡面的
頁面定製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; /*註釋下面這一行,button一直顯示*/ display:none; } .cnblogs-markdown pre:hover > span { display:block; } .cnblogs-markdown pre > .copyed { background: #67c23a; }
- 申請JS許可權;
- 將下方程式碼貼上到
頁尾HTML程式碼
區域:
<script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/wuliytTaotao/cp.js"></script>
作者: 艾孜爾江