diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
index 90aa53a94b..0ddb3af7bb 100644
--- a/layouts/docs/baseof.html
+++ b/layouts/docs/baseof.html
@@ -48,5 +48,22 @@
     </div>
 		{{ partialCached "footer.html" . }}
 		{{ partialCached "footer-scripts.html" . }}
+    <script>
+      // This script turns in-page headers into clickable and shareable
+      (function addHeadingLinks(){
+        var article = document.getElementById('docsContent');
+        var headings = article.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        headings.forEach(function(heading){
+          if(heading.id){
+            var a = document.createElement('a');
+            a.text = heading.innerHTML;
+            a.href = '#'+heading.id;
+            a.classList.add('inpage_heading');
+            heading.innerHTML = '';
+            heading.appendChild(a);
+          }
+        });
+      })();
+    </script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/static/css/custom-jekyll/tags.css b/static/css/custom-jekyll/tags.css
index c9b409091c..adc1bba6fc 100644
--- a/static/css/custom-jekyll/tags.css
+++ b/static/css/custom-jekyll/tags.css
@@ -54,3 +54,14 @@
     visibility: visible;
     opacity: 1;
 }
+
+/* In-page section heading permalinks */
+a.inpage_heading {
+  color: #000;
+  text-decoration: none !important;
+}
+
+a.inpage_heading:hover {
+  text-decoration: underline !important;
+  opacity: .8;
+}