add newsletter sub box in single

assets/css/common/post-single.css

@@ -592,6 +592,7 @@ h6:hover .anchor {
     vertical-align: super;
 }
 
+/* footnotes */
 .footnotes {
     font-size: .8em;
     color: var(--primary-dim);

assets/css/extended/newsletter.scss

@@ -285,4 +285,22 @@ body.type-newsletter.kind-page {
   .post-footer {
     border-bottom-color: var(--signature);
   }
+
+
+  .newsletter-sub {
+    margin-top: var(--gap);
+    background-color: var(--signature-bg-dim);
+    padding: 1em;
+    .notice {
+      font-size: .8em;
+      color: var(--signature);
+      line-height: 1.6;
+    }
+    .sub-form {
+      margin: 1em 0;
+      input {
+        border-color: var(--signature-bg);
+      }
+    }
+  }
 }

layouts/_default/baseof.html

@@ -12,7 +12,7 @@
 {{- end -}}
 {{- if eq site.Params.defaultTheme `dark` -}}
 {{- print " dark" }}
-{{- end }} type-{{ .Type }} kind-{{ .Kind -}}
+{{- end }} type-{{ .Type }} kind-{{ .Kind }} layout-{{ .Layout -}}
 " id="top">
     {{- partialCached "header.html" . .Page -}}
     <main class="main {{- if (eq .Kind `page`) -}}{{- print " post" -}}{{- end -}}">

layouts/_default/single.html

@@ -54,7 +54,12 @@
     {{- end }}
 
     {{- if $isNewsletter }}
-      {{- partial "newsletter_sub_form.html"}}
+      <div class="newsletter-sub">
+        <div class="notice">
+          感谢你能读到这里，如果觉得有趣的话，可以在下方输入邮箱进行订阅。
+        </div>
+        {{- partial "newsletter_sub_form.html"}}
+      </div>
     {{- end }}
   </footer>