From 23df17233da3f16db5166cf8a05b2089bd1f006a Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 10 Mar 2025 18:39:08 +0000
Subject: [PATCH] fix(graph): make graph non-singleton, proper cleanup, fix radial
---
quartz/components/Head.tsx | 17 +++++++++++++----
1 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx
index a1fb0f6..b6a7e8d 100644
--- a/quartz/components/Head.tsx
+++ b/quartz/components/Head.tsx
@@ -1,7 +1,7 @@
import { i18n } from "../i18n"
import { FullSlug, joinSegments, pathToRoot } from "../util/path"
import { CSSResourceToStyleElement, JSResourceToScriptElement } from "../util/resources"
-import { googleFontHref } from "../util/theme"
+import { getFontSpecificationName, googleFontHref } from "../util/theme"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import satori, { SatoriOptions } from "satori"
import { loadEmoji, getIconCode } from "../util/emoji"
@@ -77,7 +77,9 @@
// Memoize google fonts
if (!fontsPromise && cfg.generateSocialImages) {
- fontsPromise = getSatoriFont(cfg.theme.typography.header, cfg.theme.typography.body)
+ const headerFont = getFontSpecificationName(cfg.theme.typography.header)
+ const bodyFont = getFontSpecificationName(cfg.theme.typography.body)
+ fontsPromise = getSatoriFont(headerFont, bodyFont)
}
const slug = fileData.filePath
@@ -127,7 +129,7 @@
}
}
- const { css, js } = externalResources
+ const { css, js, additionalHead } = externalResources
const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`)
const path = url.pathname as FullSlug
@@ -177,7 +179,7 @@
<link rel="stylesheet" href={googleFontHref(cfg.theme)} />
</>
)}
- <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossOrigin={"anonymous"} />
+ <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossOrigin="anonymous" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{/* OG/Twitter meta tags */}
<meta name="og:site_name" content={cfg.pageTitle}></meta>
@@ -213,6 +215,13 @@
{js
.filter((resource) => resource.loadTime === "beforeDOMReady")
.map((res) => JSResourceToScriptElement(res, true))}
+ {additionalHead.map((resource) => {
+ if (typeof resource === "function") {
+ return resource(fileData)
+ } else {
+ return resource
+ }
+ })}
</head>
)
}
--
Gitblit v1.10.0