Solved the Problem of the github notfound for the url /blogs

Author: PrathameshDhande22

quartz.config.ts

@@ -80,6 +80,7 @@ const config: QuartzConfig = {
       Plugin.ComponentResources(),
       Plugin.ContentPage(),
       Plugin.FolderPage(),
+      Plugin.ExplorerWithTocPage(),
       Plugin.TagPage(),
       Plugin.ContentIndex({
         enableSiteMap: true,
@@ -88,7 +89,6 @@ const config: QuartzConfig = {
       Plugin.Assets(),
       Plugin.Static(),
       Plugin.NotFoundPage(),
-      Plugin.ExplorerWithTocPage(),
     ],
   },
 }

quartz/plugins/emitters/404.tsx

@@ -33,7 +33,7 @@ export const NotFoundPage: QuartzEmitterPlugin = () => {
     },
     async emit(ctx, _content, resources): Promise<FilePath[]> {
       const cfg = ctx.cfg.configuration
-      const slug = "404" as FullSlug
+      const slug = "/404/" as FullSlug
 
       const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`)
       const path = url.pathname as FullSlug

quartz/plugins/emitters/explorerwithtocPage.tsx

@@ -18,18 +18,13 @@ import { write } from "./helpers"
 import DepGraph from "../../depgraph"
 import Blogs from "../../components/pages/Blogs"
 
-interface ExplorerWithTocPageOptions extends FullPageLayout {
-  sort?: (f1: QuartzPluginData, f2: QuartzPluginData) => number
-}
-
-export const ExplorerWithTocPage: QuartzEmitterPlugin<Partial<ExplorerWithTocPageOptions>> = (
+export const ExplorerWithTocPage: QuartzEmitterPlugin = (
   userOpts,
 ) => {
   const opts: FullPageLayout = {
     ...sharedPageComponents,
     ...defaultContentPageLayout,
-    pageBody: Blogs(),
-    ...userOpts,
+    pageBody: Blogs()
   }
 
   const {
@@ -69,7 +64,7 @@ export const ExplorerWithTocPage: QuartzEmitterPlugin<Partial<ExplorerWithTocPag
     async emit(ctx, _content, resources): Promise<FilePath[]> {
       const cfg = ctx.cfg.configuration
       const allFiles = _content.map((c) => c[1].data)
-      const slug = "blogs" as FullSlug
+      const slug = "/blogs/" as FullSlug
       const title = "Pattern Blogs"
       const [tree, vfile] = defaultProcessedContent({
         slug,