diff --git a/_includes/anchorjs.html b/_includes/anchorjs.html
new file mode 100644
index 00000000..fb6093e3
--- /dev/null
+++ b/_includes/anchorjs.html
@@ -0,0 +1,6 @@
+<script type="text/javascript">
+  anchors.options = {
+    placement: 'left',
+  };
+  anchors.add('article h2, article h3, article h4, article h5, article h6');
+</script>
diff --git a/_includes/head.html b/_includes/head.html
index 8bccb0d0..cdcd4215 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -22,4 +22,7 @@
 
   <!-- RSS -->
   <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ site.baseurl }}/atom.xml">
+
+  <!-- JS -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/2.0.0/anchor.min.js"></script>
 </head>
diff --git a/_layouts/page.html b/_layouts/page.html
index 2641728d..1fb4b9cf 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -8,4 +8,5 @@ layout: default
 
   <hr>
   {% include disqus.html %}
+  {% include anchorjs.html %}
 </article>
diff --git a/_layouts/post.html b/_layouts/post.html
index e063e652..8b1a2be2 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -19,4 +19,5 @@ layout: default
 
   <hr>
   {% include disqus.html %}
+  {% include anchorjs.html %}
 </article>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 4b0626a2..cf50565b 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -47,6 +47,10 @@ a {
   }
 }
 
+a.anchorjs-link:hover {
+    text-decoration: none;
+}
+
 img {
   display: block;
   max-width: 100%;