From b90590b9f487cdd49f019375fa5a09aad2e8ec1f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 08 Jul 2023 21:36:02 +0000
Subject: [PATCH] polish

---
 quartz.config.ts |  162 ++++++++++++++++++++++++++++++++++++++---------------
 1 files changed, 116 insertions(+), 46 deletions(-)

diff --git a/quartz.config.ts b/quartz.config.ts
index e8246a2..a07a4f2 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -1,61 +1,131 @@
-import { buildQuartz } from "./quartz"
-import Head from "./quartz/components/Head"
-import { ContentPage, CreatedModifiedDate, Description, FrontMatter, GitHubFlavoredMarkdown, Katex, RemoveDrafts } from "./quartz/plugins"
-import { LinkProcessing } from "./quartz/plugins/transformers/links"
+import { PageLayout, QuartzConfig } from "./quartz/cfg"
+import * as Component from "./quartz/components"
+import * as Plugin from "./quartz/plugins"
 
-export default buildQuartz({
+const sharedPageComponents = {
+  head: Component.Head(),
+  header: [],
+  footer: Component.Footer({
+    authorName: "Jacky",
+    links: {
+      "GitHub": "https://github.com/jackyzha0",
+      "Twitter": "https://twitter.com/_jzhao"
+    }
+  })
+}
+
+const contentPageLayout: PageLayout = {
+  beforeBody: [
+    Component.ArticleTitle(),
+    Component.ReadingTime(),
+    Component.TagList(),
+  ],
+  left: [
+    Component.PageTitle(),
+    Component.MobileOnly(Component.Spacer()),
+    Component.Search(),
+    Component.Darkmode(),
+    Component.DesktopOnly(Component.TableOfContents()),
+  ],
+  right: [
+    Component.Graph(),
+    Component.Backlinks(),
+  ],
+}
+
+const listPageLayout: PageLayout = {
+  beforeBody: [
+    Component.ArticleTitle()
+  ],
+  left: [
+    Component.PageTitle(),
+    Component.MobileOnly(Component.Spacer()),
+    Component.Search(),
+    Component.Darkmode()
+  ],
+  right: [],
+}
+
+const config: QuartzConfig = {
   configuration: {
-    siteTitle: "🪴 Quartz 4.0",
+    pageTitle: "🪴 Quartz 4.0",
     enableSPA: true,
+    enablePopovers: true,
+    analytics: {
+      provider: 'plausible',
+    },
+    canonicalUrl: "quartz.jzhao.xyz",
     ignorePatterns: ["private", "templates"],
+    theme: {
+      typography: { // loaded from Google Fonts
+        header: "Schibsted Grotesk",
+        body: "Source Sans Pro",
+        code: "IBM Plex Mono",
+      },
+      colors: {
+        lightMode: {
+          light: '#faf8f8',
+          lightgray: '#e5e5e5',
+          gray: '#b8b8b8',
+          darkgray: '#4e4e4e',
+          dark: '#141021',
+          secondary: '#284b63',
+          tertiary: '#84a59d',
+          highlight: 'rgba(143, 159, 169, 0.15)',
+        },
+        darkMode: {
+          light: '#161618',
+          lightgray: '#393639',
+          gray: '#646464',
+          darkgray: '#d4d4d4',
+          dark: '#fbfffe',
+          secondary: '#7b97aa',
+          tertiary: '#84a59d',
+          highlight: 'rgba(143, 159, 169, 0.15)',
+        },
+      }
+    }
   },
   plugins: {
     transformers: [
-      new FrontMatter(),
-      new GitHubFlavoredMarkdown(),
-      new Katex(),
-      new Description(),
-      new CreatedModifiedDate({
+      Plugin.FrontMatter(),
+      Plugin.TableOfContents(),
+      Plugin.CreatedModifiedDate({
         priority: ['frontmatter', 'filesystem'] // you can add 'git' here for last modified from Git but this makes the build slower
       }),
-      new LinkProcessing()
+      Plugin.ObsidianFlavoredMarkdown(),
+      Plugin.GitHubFlavoredMarkdown(),
+      Plugin.CrawlLinks({ markdownLinkResolution: 'absolute' }),
+      Plugin.SyntaxHighlighting(),
+      Plugin.Katex(),
+      Plugin.Description(),
     ],
     filters: [
-      new RemoveDrafts()
+      Plugin.RemoveDrafts(),
     ],
     emitters: [
-      new ContentPage({
-        Head: Head
-      })
+      Plugin.AliasRedirects(),
+      Plugin.ContentPage({
+        ...sharedPageComponents,
+        ...contentPageLayout,
+        pageBody: Component.Content(),
+      }),
+      Plugin.FolderPage({
+        ...sharedPageComponents,
+        ...listPageLayout,
+        pageBody: Component.FolderContent(),
+      }),
+      Plugin.TagPage({
+        ...sharedPageComponents,
+        ...listPageLayout,
+        pageBody: Component.TagContent(),
+      }),
+      Plugin.ContentIndex({
+        enableSiteMap: true,
+        enableRSS: true,
+      }),
     ]
   },
-  theme: {
-    typography: { // loaded from Google Fonts
-      header: "Schibsted Grotesk",
-      body: "Source Sans Pro",
-      code: "IBM Plex Mono",
-    },
-    colors: {
-      lightMode: {
-        light: '#faf8f8',
-        lightgray: '#e8e8e8',
-        gray: '#dadada',
-        darkgray: '#4e4e4e',
-        dark: '#141021',
-        secondary: '#284b63',
-        tertiary: '#84a59d',
-        highlight: 'rgba(143, 159, 169, 0.15)',
-      },
-      darkMode: {
-        light: '#1e1e21',
-        lightgray: '#292629',
-        gray: '#343434',
-        darkgray: '#d4d4d4',
-        dark: '#fbfffe',
-        secondary: '#7b97aa',
-        tertiary: '#84a59d',
-        highlight: 'rgba(143, 159, 169, 0.15)',
-      },
-    }
-  }
-})
+}
+
+export default config

--
Gitblit v1.10.0