diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx index 27f8a7313..59668fcc8 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 { getFontSpecificationName, 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" @@ -29,7 +29,7 @@ async function generateSocialImage( width, height, fonts, - loadAdditionalAsset: async (languageCode: string, segment: string) => { + loadAdditionalAsset: async (languageCode: string, segment: string) => {  if (languageCode === "emoji") { return `data:image/svg+xml;base64,${btoa(await loadEmoji(getIconCode(segment)))}` } @@ -91,7 +91,7 @@ export default (() => { fileData.description?.trim() ?? i18n(cfg.locale).propertyDefaults.description const titleSuffix = cfg.pageTitleSuffix ?? "" const title = - (fileData.frontmatter?.title ?? i18n(cfg.locale).propertyDefaults.title) + titleSuffix + (fileData.frontmatter?.title ?? i18n(cfg.locale).propertyDefaults.title) + titleSuffix  let description = "" if (fdDescription) { description = unescapeHTML(fdDescription) @@ -132,7 +132,7 @@ export default (() => { const { css, js, additionalHead } = externalResources const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`) - const path = url.pathname as FullSlug + const path = url.pathname as FullSlug  const baseDir = fileData.slug === "404" ? path : pathToRoot(fileData.slug!) const iconPath = joinSegments(baseDir, "static/icon.png")  @@ -145,7 +145,7 @@ export default (() => { )}/${fileName}.${extension}` // Use default og image if filePath doesnt exist (for autogenerated paths with no .md file) - const useDefaultOgImage = fileName === undefined || !cfg.generateSocialImages + const useDefaultOgImage = fileName === undefined || !cfg.generateSocialImages  // Path to og/social image (priority: frontmatter > generated image (if enabled) > default image) let ogImagePath = useDefaultOgImage ? ogImageDefaultPath : ogImageGeneratedPath @@ -155,30 +155,29 @@ export default (() => { const frontmatterImgUrl = fileData.frontmatter?.socialImage // Override with default og image if config option is set - if (fileData.slug === "index") { + if (fileData.slug === "index") {  ogImagePath = ogImageDefaultPath } // Override with frontmatter url if existing - if (frontmatterImgUrl) { - ogImagePath = `https://${cfg.baseUrl}/static/${frontmatterImgUrl}` + if (frontmatterImgUrl) {  + ogImagePath = `https://${cfg.baseUrl}/static/${frontmatterImgUrl}`  } // Url of current page const socialUrl = - fileData.slug === "404" ? url.toString() : joinSegments(url.toString(), fileData.slug!) + fileData.slug === "404" ? url.toString() : joinSegments(url.toString(), fileData.slug!)  return ( {title} - - {cfg.theme.cdnCaching && cfg.theme.fontOrigin === "local" && (   +   + {cfg.theme.cdnCaching && cfg.theme.fontOrigin === "local" && ( <> -   -    + + - )} - {cfg.theme.cdnCaching && cfg.theme.fontOrigin === "googleFonts" && (  + {cfg.theme.cdnCaching && cfg.theme.fontOrigin === "googleFonts" && (   <> @@ -191,7 +190,7 @@ export default (() => { - +