Prechádzať zdrojové kódy

fix(hugo): 修复移动端背景图并统一标题字体为衬线体

Daily Deploy Bot 15 hodín pred
rodič
commit
ba9d5202d4

BIN
site/static/background-mobile.png


+ 16 - 5
site/static/css/site.css

@@ -68,11 +68,12 @@ body {
 /* 移动端优化:使用移动端专属背景图 */
 @media (max-width: 720px) {
   body {
-    background-image: url("../background-mobile.png");
-    background-size: cover;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-attachment: scroll;
+    background-image: url("../background-mobile.png") !important;
+    background-size: cover !important;
+    background-position: center !important;
+    background-repeat: no-repeat !important;
+    background-attachment: scroll !important;
+    background-color: var(--bg) !important;
   }
 }
 
@@ -438,6 +439,16 @@ main.wrap {
   letter-spacing: -0.01em;
 }
 
+/* 页面头部标题 */
+.page-head h1 {
+  font-family: "Cormorant Garamond", "Noto Serif SC", "Source Han Serif CN", serif;
+  font-size: 2rem;
+  font-weight: 600;
+  margin: 0 0 12px;
+  color: var(--text);
+  letter-spacing: -0.02em;
+}
+
 /* Post list */
 
 .post-list {