From cbad40b5cda4a38ebdc816b2483697c172a37f4a Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Fri, 31 Jul 2026 16:15:42 +0800
Subject: [PATCH 1/2] update readme badge

---
 README-en.md | 6 +++---
 README.md    | 7 ++++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/README-en.md b/README-en.md
index 653fe8b..b2e7b43 100644
--- a/README-en.md
+++ b/README-en.md
@@ -4,9 +4,9 @@
     ✨SanYeCao Blog✨<br>
     🌊Lightweight / Fast / Beautiful🌊<br><br>
     Built With<br>
-    <img alt="Static Badge" src="https://img.shields.io/badge/Astro-6.0-purple">
-    <img alt="Static Badge" src="https://img.shields.io/badge/Nodejs-24-green">
-    <img alt="Static Badge" src="https://img.shields.io/badge/Heart-♥️-pink">
+		<img alt="Static Badge" src="https://img.shields.io/badge/Astro-6.0-purple?style=for-the-badge">
+    <img alt="Static Badge" src="https://img.shields.io/badge/Nodejs-24-green?style=for-the-badge">
+    <img alt="Static Badge" src="https://img.shields.io/badge/Heart-♥️-pink?style=for-the-badge">
     <br>
 </p>
 
diff --git a/README.md b/README.md
index 3259e2b..ea4d5d0 100644
--- a/README.md
+++ b/README.md
@@ -6,12 +6,13 @@
     ✨三叶草Blog✨<br>
     🌊轻度/快速/美观🌊<br><br>
     Built With<br>
-    <img alt="Static Badge" src="https://img.shields.io/badge/Astro-6.0-purple">
-    <img alt="Static Badge" src="https://img.shields.io/badge/Nodejs-24-green">
-    <img alt="Static Badge" src="https://img.shields.io/badge/Heart-♥️-pink">
+    <img alt="Static Badge" src="https://img.shields.io/badge/Astro-6.0-purple?style=for-the-badge">
+    <img alt="Static Badge" src="https://img.shields.io/badge/Nodejs-24-green?style=for-the-badge">
+    <img alt="Static Badge" src="https://img.shields.io/badge/Heart-♥️-pink?style=for-the-badge">
     <br>
 </p>
 
+
 ## 😋 特性
 
 <br>

From 08c4f13d544c72e07c50ac300b2a8651283e9386 Mon Sep 17 00:00:00 2001
From: ClovertaTheTrilobita <cloverta@petalmail.com>
Date: Wed, 5 Aug 2026 12:33:47 +0800
Subject: [PATCH 2/2] fix copy button layout

---
 src/layouts/BaseLayout.astro | 21 +++++++++++++++++----
 src/styles/code.css          |  6 +++++-
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 28a9a0a..08e12e8 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -45,11 +45,24 @@ const {
 	<script is:inline>
 		function addCodeCopyButtons() {
 			document.querySelectorAll("pre").forEach((pre) => {
-				if (pre.querySelector(":scope > .code-copy-button")) return;
-
 				const code = pre.querySelector("code");
 				if (!code) return;
 
+				/* 已经处理过则跳过 */
+				if (
+					pre.parentElement?.classList.contains("code-block-wrapper")
+				) {
+					return;
+				}
+
+				/* 创建外层容器 */
+				const wrapper = document.createElement("div");
+				wrapper.className = "code-block-wrapper";
+
+				pre.parentNode?.insertBefore(wrapper, pre);
+				wrapper.appendChild(pre);
+
+				/* 创建复制按钮 */
 				const button = document.createElement("button");
 				button.className = "code-copy-button";
 				button.type = "button";
@@ -63,6 +76,7 @@ const {
 				icon.setAttribute("aria-hidden", "true");
 
 				button.appendChild(icon);
+				wrapper.appendChild(button);
 
 				button.addEventListener("click", async () => {
 					const text = code.textContent ?? "";
@@ -74,6 +88,7 @@ const {
 						textarea.value = text;
 						textarea.style.position = "fixed";
 						textarea.style.opacity = "0";
+						textarea.style.pointerEvents = "none";
 
 						document.body.appendChild(textarea);
 						textarea.select();
@@ -93,8 +108,6 @@ const {
 						button.classList.remove("copied");
 					}, 1500);
 				});
-
-				pre.appendChild(button);
 			});
 		}
 
diff --git a/src/styles/code.css b/src/styles/code.css
index 3fc3802..20a8252 100644
--- a/src/styles/code.css
+++ b/src/styles/code.css
@@ -1,4 +1,8 @@
-pre {
+.code-block-wrapper {
+    position: relative;
+}
+
+.code-block-wrapper pre {
     padding: 1rem;
     border-radius: 3px;
     overflow-x: auto;