Add automatic anchor symbols using anchorjs

layouts/page/single.html

@@ -6,4 +6,5 @@
   {{ .Content }}
 </article>
 
+{{ partial "anchorjs.html" . }}
 {{ partial "footer.html" . }}

layouts/partials/head.html

@@ -28,6 +28,8 @@
     <link href="/atom.xml" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
   {{ end }}
 
+  <!-- JS -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/2.0.0/anchor.min.js"></script>
   {{ partial "analytics.html" . }}
 
   <!-- redirect from phil-opp.github.io/blog_os -->

layouts/post/single.html

@@ -24,4 +24,5 @@
 <hr>
 
 {{ partial "disqus.html" . }}
+{{ partial "anchorjs.html" . }}
 {{ partial "footer.html" . }}

static/css/main.css

@@ -102,3 +102,7 @@ footer.footer {
 sup, sub {
   line-height: 0;
 }
+
+a.anchorjs-link:hover {
+    text-decoration: none;
+}