config for hide header links

assets/js/template-dom-scripts.js

@@ -50,8 +50,9 @@
   })
 }());
 
-/* Add "link here" links to <h2> headings */
-(function () {
+{{ if not .Site.Params.hideHeaderLinks }}
+  /* Add "link here" links to <h2> headings */
+  (function () {
     var headings = document.querySelectorAll('main > h2');
 
     Array.prototype.forEach.call(headings, function (heading) {
@@ -69,7 +70,6 @@
 
         var link = document.createElement('a');
         link.setAttribute('href', '#' + id);
-      var headingText = heading.textContent;
         link.innerHTML = '<svg aria-hidden="true" class="link-icon" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
 
         container.appendChild(link);
@@ -77,7 +77,8 @@
         heading.parentNode.removeChild(heading);
       }
     })
-}());
+  }());
+{{ end }}
 
 /* Enable scrolling by keyboard of code samples */
 (function () {

exampleSite/config.yaml

@@ -25,6 +25,7 @@ params:
   codePenUser: someUser
   katex: true
   darkThemeAsDefault: false
+  hideHeaderLinks: false
   # A list of custom css files can be provided, which must be placed inside
   # 'static/'.
   # This is useful to override just specific css classes, instead of copying