feature: add custom css

quartz.layout.ts

@@ -8,6 +8,7 @@ export const sharedPageComponents: SharedLayout = {
   header: [],
   footer: Component.Footer({
     links: {
+      "Home": "https://www.7wate.com",
       "Blog": "https://blog.7wate.com",
       GitHub: "https://github.com/7wate",
     },
@@ -41,6 +42,7 @@ export const defaultContentPageLayout: PageLayout = {
     Component.Graph(),
     Component.DesktopOnly(Component.TableOfContents()),
     Component.Backlinks(),
+    Component.MobileOnly(Component.Explorer()),
   ],
 }
 

quartz/styles/custom.scss

@@ -1,3 +1,9 @@
 @use "./base.scss";
 
 // put your custom CSS here!
+// 移动端下右侧组件垂直布局
+@media (max-width: 1510px) {
+    #quartz-body .sidebar.right {
+        flex-direction: column!important;
+    }
+}