浏览代码

Fix making header linkable

hossainemruz 4 年之前
父节点
当前提交
0d7267f52a
共有 2 个文件被更改,包括 9 次插入6 次删除
  1. 1 1
      layouts/_default/single.html
  2. 8 5
      static/assets/js/single.js

+ 1 - 1
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>
 

+ 8 - 5
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);
+        }
       }
     }