博客園Markdown代碼塊添加復制功能

申請js權限

點擊管理到博客后台

點擊設置

點擊申請js權限，我的是已經申請成功，所以顯示不同

申請理由示例如下

尊敬的博客園管理員，  請問是否可以幫我開通js權限，我需要一些簡單的js來解決例如代碼高亮等外觀調整。   謝謝您的幫助。

我申請的時候遇到了一個問題，就是博客園一直報無法連接到服務器，后來回到舊版后台再次申請就好了。

審核周期大概一天之內。

定制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

添加我們自定義的HTML片段

<script src="https://files.cnblogs.com/files/strongmore/clipboard.min.js"></script>
<script src="https://files.cnblogs.com/files/strongmore/cp.js"></script>

現在這兩個js文件是在我的博客園下的，最好將文件添加到自己的博客園下

添加文件

還是管理后台，找到文件，上傳就可以了，之后將上面的js路徑替換成自己的就可以了。