diff --git a/assets/css/common/main.css b/assets/css/common/main.css
index a22329e7..b3279aab 100644
--- a/assets/css/common/main.css
+++ b/assets/css/common/main.css
@@ -41,5 +41,21 @@
 }
 
 code {
-    direction: ltr
+    direction: ltr;
+}
+
+div.highlight {
+    position: relative;
+}
+
+.copy-code {
+    position: absolute;
+    top: 4px;
+    right: 16px;
+    color: var(--secondary);
+}
+
+.copy-code:hover {
+    cursor: pointer;
+    text-decoration: underline;
 }
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index eb87737e..6ab425f5 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -96,3 +96,34 @@
 
 </script>
 {{- end }}
+
+{{- if (not .Site.Params.disableCodeCopy) }}
+<script>
+    document.querySelectorAll('pre > code').forEach((codeblock) => {
+        const container = codeblock.parentNode.parentNode;
+
+        const copybutton = document.createElement('div');
+        copybutton.classList.add('copy-code');
+        copybutton.innerHTML = 'copy';
+
+        copybutton.addEventListener('click', (cb) => {
+            if ('clipboard' in navigator) {
+                navigator.clipboard.writeText(codeblock.textContent);
+                return;
+            }
+
+            const range = document.createRange();
+            range.selectNodeContents(codeblock);
+            const selection = window.getSelection();
+            selection.removeAllRanges();
+            selection.addRange(range);
+            try {
+                document.execCommand('copy');
+            } catch (e) {};
+            selection.removeRange(range);
+        });
+
+        container.appendChild(copybutton);
+    });
+</script>
+{{- end }}