博客園實現Markdown代碼框復制功能

1.實現Markdown復制功能

進入個人頁面-【設置】-【博客設置】- 申請JS權限

添加頁面地址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代碼：

PS：最好把以下兩個JS文件添加到自己的博客園文件下

<script src="https://blog-static.cnblogs.com/files/byho/clipboard.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/byho/cp.js"></script>

2.添加文件到自己的博客園下

進入自己的博客首頁，點擊【管理】

上傳文件

上傳文件后點擊文件名即可訪問文件的URL