網站使用百度編輯器，為代碼塊添加一個"復制代碼"按鈕，并實現點擊按鈕后，將代碼塊的內容復制到剪貼板中。

下面這段代碼的作用是，為網頁中的代碼塊添加一個復制按鈕，方便復制代碼片段。

var codeBlocks = document.querySelectorAll('pre');
codeBlocks.forEach(function(codeBlock) {
  var copyButton = document.createElement('text');
  copyButton.className = 'copy';
  copyButton.textContent = '復制代碼';


  // 創(chuàng)建包裹代碼塊和按鈕的容器元素
  var container = document.createElement('div');
  container.className = 'code-container';

  // 將按鈕添加到容器元素內
  container.appendChild(copyButton);

  // 將容器元素插入到代碼塊之前
  codeBlock.parentNode.insertBefore(container, codeBlock);

  // 設置容器元素樣式，使其定位為相對定位（position: relative）
  container.style.position = 'relative';

  // 設置復制按鈕樣式，使其絕對定位于容器元素的右上角
  copyButton.style.position = 'absolute';
  copyButton.style.top = '8px';
  copyButton.style.right = '10px';

  copyButton.addEventListener('click', function() {
    // 獲取代碼塊的文本內容
    var code = codeBlock.textContent;

    // 創(chuàng)建一個臨時的textarea元素，并將代碼塊的內容設置為其值
    var textarea = document.createElement('textarea');
    textarea.value = code;

    // 將textarea元素追加到body中
    document.body.appendChild(textarea);

    // 選中textarea中的文本
    textarea.select();

    // 執(zhí)行復制操作
    document.execCommand('copy');

    // 移除臨時的textarea元素
    document.body.removeChild(textarea);

    // 修改復制按鈕文本為“已復制”
    this.textContent = '復制成功';
  });
});

可以把這段代碼加入獨立建的JS文件里，例如：建個copy.js文件，也可以直接加到使用的網頁代碼里。

用于設置復制按鈕和代碼塊的樣式。具體樣式如下：

.code-wrapper 類選擇器用于設置包裹代碼塊的容器元素的樣式。在這里設置了相對定位（position: relative）。

.code-block 類選擇器用于設置代碼塊的樣式。在這里設置了相對定位（position: relative）。

.copy 類選擇器用于設置復制按鈕的樣式。具體樣式如下：

font-size：設置字體大小為 13px。

transition：設置顏色變化的過渡效果為 0.1秒。

color：設置按鈕的顏色為帶透明度的灰色（hsla(0, 0%, 54.9%, 0.8)）。

border：去掉按鈕的邊框。

border-radius：設置按鈕的圓角為4px。

cursor：設置鼠標懸停在按鈕上時的樣式為指針。

z-index：將復制按鈕的層級置于頂層，確保按鈕顯示在其他內容之上。

下面對CSS文件代碼：

.code-wrapper {
  position: relative;
}

.code-block {
  position: relative;
}

.copy {
  font-size: 13px;
  transition: color 0.1s;
  color: hsla(0, 0%, 54.9%, 0.8);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1; 
}

可以把這段代碼加入獨立建的CSS文件里，例如：建個copy.css文件，也可以直接加到使用的網頁代碼里。

把上面的兩種代碼，放在需要添加的網頁底部 </body> 之前插入js、css文件代碼。