fix: 404 page styling for nested pages (closes #458)

Jacky Zhao

2023-09-13 60a3c543398aed8caf44b411a4dc10e8d1e26fcc

 quartz/components/renderPage.tsx

@@ -3,7 +3,7 @@
import HeaderConstructor from "./Header"
import BodyConstructor from "./Body"
import { JSResourceToScriptElement, StaticResources } from "../util/resources"
import { FullSlug, joinSegments, pathToRoot } from "../util/path"
import { FullSlug, RelativeURL, joinSegments } from "../util/path"

interface RenderComponents {
  head: QuartzComponent
@@ -15,9 +15,10 @@
  footer: QuartzComponent
}

export function pageResources(slug: FullSlug, staticResources: StaticResources): StaticResources {
  const baseDir = pathToRoot(slug)

export function pageResources(
  baseDir: FullSlug | RelativeURL,
  staticResources: StaticResources,
): StaticResources {
  const contentIndexPath = joinSegments(baseDir, "static/contentIndex.json")
  const contentIndexScript = `const fetchData = fetch(\`${contentIndexPath}\`).then(data => data.json())`