feat(title): add anchor

olOwOlo · Nov 5, 2018 · 8d39099 · 8d39099
1 parent f4bcf93
commit 8d39099
Show file tree

Hide file tree

Showing 7 changed files with 31 additions and 1 deletion.
diff --git a/src/css/_iconfont.scss b/src/css/_iconfont.scss
@@ -137,6 +137,9 @@
 .icon-close:before {
   content: "\e60f";
 }
+.icon-link:before {
+  content: "\e909";
+}
 
 /* Admonition Icon */
 /*

diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss
@@ -9,6 +9,32 @@
     h#{$i} {
       font-weight: 400;
       font-family: $global-serif-font-family;
+
+      .anchor {
+        float: left;
+        line-height: 1;
+        margin-left: -20px;
+        padding-right: 4px;
+
+        &:hover {
+          border-bottom: initial;
+        }
+
+        .icon-link {
+          visibility: hidden;
+          font-size: 16px;
+
+          &:before {
+            vertical-align: middle;
+          }
+        }
+      }
+
+      &:hover {
+        .icon-link {
+          visibility: visible;
+        }
+      }
     }
   }
 

diff --git a/src/fonts/iconfont/iconfont.eot b/src/fonts/iconfont/iconfont.eot
diff --git a/src/fonts/iconfont/iconfont.svg b/src/fonts/iconfont/iconfont.svg
diff --git a/src/fonts/iconfont/iconfont.ttf b/src/fonts/iconfont/iconfont.ttf
diff --git a/src/fonts/iconfont/iconfont.woff b/src/fonts/iconfont/iconfont.woff
diff --git a/src/js/even.js b/src/js/even.js
@@ -213,7 +213,7 @@ Even._linkToc = function() {
     const headers = document.querySelectorAll('.post-content>h' + num);
     for (let i = 0; i < headers.length; i++) {
       const header = headers[i];
-      header.innerHTML = `<a href="#${header.id}" class="headerlink"></a>${header.innerHTML}`;
+      header.innerHTML = `<a href="#${header.id}" class="headerlink anchor"><i class="iconfont icon-link"></i></a>${header.innerHTML}`;
     }
   }
 };