Fix making header linkablev1.0.0-alpha

2 files changed, 9 insertions, 6 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index f90e77f..30dc63d 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -28,7 +28,7 @@
       <h1>{{ .Page.Title }}</h1>
     </div>
 
-    <div class="post-content">
+    <div class="post-content" id="post-content">
       {{ .Page.Content }}
     </div>
 
diff --git a/static/assets/js/single.js b/static/assets/js/single.js
index 19d5168..31c8ec2 100644
--- a/static/assets/js/single.js
+++ b/static/assets/js/single.js
@@ -25,11 +25,14 @@ var isMobile = false, isTablet = false, isLaptop = false;
       element.innerHTML = `<a href="#${element.id}" class="header-anchor">${element.innerHTML}<sup><i class="fas fa-link"></i></sup></a>`;
     }
 
-    var headerTypes = ["h1", "h2", "h3", "h4", "h5", "h6"];
-    for (var i = 0; i < headerTypes.length; i++) {
-      var headers = document.querySelectorAll(headerTypes[i]);
-      if (headers) {
-        headers.forEach(addAnchor);
+    var postContent = document.getElementById("post-content");
+    if (postContent != null) {
+      var headerTypes = ["h1", "h2", "h3", "h4", "h5", "h6"];
+      for (var i = 0; i < headerTypes.length; i++) {
+        var headers = postContent.querySelectorAll(headerTypes[i]);
+        if (headers) {
+          headers.forEach(addAnchor);
+        }
       }
     }