blame | history | patch | commit | commitdiff | ignore whitespace
Jacky Zhao
2023-06-17 b5877824500a19c721c93eedc59704db94487a94 
 quartz/components/Head.tsx


@@ -1,7 +1,8 @@


import { resolveToRoot } from "../path"


import { QuartzComponentProps } from "./types"


import { JSResourceToScriptElement } from "../resources"


import { QuartzComponentConstructor, QuartzComponentProps } from "./types"




export default function Head({ fileData, externalResources }: QuartzComponentProps) {


function Head({ fileData, externalResources }: QuartzComponentProps) {


  const slug = fileData.slug!


  const title = fileData.frontmatter?.title ?? "Untitled"


  const description = fileData.description ?? "No description provided"


@@ -9,7 +10,7 @@


  const baseDir = resolveToRoot(slug)


  const iconPath = baseDir + "/static/icon.png"


  const ogImagePath = baseDir + "/static/og-image.png"


  




  return <head>


    <title>{title}</title>


    <meta charSet="utf-8" />


@@ -25,6 +26,8 @@


    <link rel="preconnect" href="https://fonts.googleapis.com" />


    <link rel="preconnect" href="https://fonts.gstatic.com" />


    {css.map(href => <link key={href} href={href} rel="stylesheet" type="text/css" spa-preserve />)}


    {js.filter(resource => resource.loadTime === "beforeDOMReady").map(resource => <script key={resource.src} {...resource} spa-preserve />)}


    {js.filter(resource => resource.loadTime === "beforeDOMReady").map(res => JSResourceToScriptElement(res, true))}


  </head>


}




export default (() => Head) satisfies QuartzComponentConstructor