feat: Add hashtag to headings

Author: lamATnginx

assets/css/v2/style.css

@@ -1007,6 +1007,26 @@ h2 {
   margin: 1rem 0 .75rem 0;
 }
 
+h2:has(a) {
+  width: calc(100% + 1rem);
+  margin-left: -1rem;
+  padding-left: 1rem;
+}
+
+h2:has(a):hover {
+  .headerlink::before {
+    display: block;
+  }
+}
+
+.headerlink::before {
+  position: absolute;
+  content: "#";
+  margin-left: -1.5rem;
+  opacity: 20%;
+  display: none;
+}
+
 /* MARK: Tables
 */
 table {

layouts/_default/_markup/render-heading.html

@@ -1,3 +1,3 @@
 <h{{ .Level }} 
-id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }}  <a class="headerlink float-right" href="#{{ .Anchor | safeURL }}" title="{{ .Text | safeHTML }}"><i class="fas fa-link fa-xs"></i></a>
+id="{{ .Anchor | safeURL }}"> <a class="headerlink float-right" href="#{{ .Anchor | safeURL }}" title="{{ .Text | safeHTML }}"><i class="fas fa-link fa-xs"></i></a> {{ .Text | safeHTML }}
 </h{{ .Level }}>