9.16

themes/Ying/layouts/_default/single.html

@@ -8,7 +8,7 @@
             <a href="{{ . }}">{{ . }}</a>
             {{ end }}
         </div>
-        <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
+        <div class="post-content" id="post-writing" itemprop="articleBody" uk-scrollspy="target: > hr,h2,p,pre; cls: uk-animation-slide-bottom-small; delay: 0">
             {{ .Content }}
         </div>
         <div class="post-tags" style="margin-top: -30px;">

themes/Ying/static/css/main.css

@@ -2081,4 +2081,21 @@ img[atk-emoticon] {
     .atk-main-editor>.atk-header {
         display:block!important
     }
+}
+
+/* 马克笔效果 */
+#post-writing h2::before,#post-writing a::before {
+    content: "";
+    position: absolute;
+    height: 12px;
+    bottom: 2px;
+    left: -2px;
+    width: 15%;
+    z-index: -1;
+    background-color: #494949;
+    opacity: .3;
+    transform: skew(-35deg);
+    transition: opacity .2s ease;
+    border-radius: 3px 8px 10px 6px;
+    transition: 0.1s ease background-color;
 }