From f64c499957764866a383819d9ec58cd80bed3fd9 Mon Sep 17 00:00:00 2001
From: Dillon <dillonzq@outlook.com>
Date: Tue, 20 Aug 2019 12:15:40 +0800
Subject: [PATCH] fix: mobile-toc target offset

---
 assets/css/_core/_media.scss | 9 +++++++++
 layouts/posts/single.html    | 3 +++
 2 files changed, 12 insertions(+)

diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss
index 228c110..2d625fd 100644
--- a/assets/css/_core/_media.scss
+++ b/assets/css/_core/_media.scss
@@ -131,6 +131,15 @@
   .post-warp {
     padding-top: 6em;
 
+    .post-content {
+      a.post-title-target:target {
+        display: block;
+        position: relative;
+        top: -60px;
+        visibility: hidden;
+      }
+    }
+
     .categories-card {
       .card-item {
         width: 95%;
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index 14494de..e3a37b6 100644
--- a/layouts/posts/single.html
+++ b/layouts/posts/single.html
@@ -77,6 +77,9 @@
             {{ $REin = `\[(.+?)\]\^\((.+?)\)` }}
             {{ $REout = `<strong><ruby>$1<rt>$2</rt></ruby></strong>` }}
             {{ $content = replaceRE $REin $REout $content }}
+            {{ $REin = `<(h[23456]) (id=".+?")>` }}
+            {{ $REout = `<a class="post-title-target" $2></a><$1>` }}
+            {{ $content = replaceRE $REin $REout $content }}
             {{ $content | safeHTML }}
         </div>