diff --git a/assets/css/app.css b/assets/css/app.css
index 80d4dc65..7dd952aa 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -123,6 +123,18 @@
     }
 }
 
+:target {
+    scroll-margin-top: 64px;
+}
+
+:target::before {
+    content: "";
+    display: block;
+    margin-top: -64px;
+    height: 64px;
+    width: 1px;
+}
+
 .footer-link {
     background-image: linear-gradient(180deg, #fff 100%, transparent 0);
     background-size: auto 0;
diff --git a/source/_views/post.html b/source/_views/post.html
index 4345e800..62cb228c 100644
--- a/source/_views/post.html
+++ b/source/_views/post.html
@@ -48,3 +48,22 @@ <h1 class="">{{ page.title|raw }}</h1>
     </article>
 </main>
 {% endblock %}
+
+{% block head_scripts %}
+<script src="//cdn.jsdelivr.net/npm/anchor-js/anchor.min.js"></script>
+{% endblock %}
+
+{% block scripts %}
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    const anchors = new AnchorJS()
+    anchors.add()
+
+    for (const element of document.getElementsByClassName('anchorjs-link')) {
+      element.addEventListener('click', function () {
+        navigator.clipboard.writeText(window.location.origin + window.location.pathname + element.getAttribute('href'))
+      })
+    }
+  })
+</script>
+{% endblock %}