Obsidianで設定したOGPフロントマターをQuartzのコンテンツに表示させる

const Content: QuartzComponent = ({ cfg, fileData, tree }: QuartzComponentProps) => {
  const content = htmlToJsx(fileData.filePath!, tree)
  const classes: string[] = fileData.frontmatter?.cssclasses ?? []
  const classString = ["popover-hint", ...classes].join(" ")
 
  const ogpURL = fileData.frontmatter["ogp"] as string
  const image = `https://${cfg.baseUrl}/08_Extra/webp/${ogpURL}`
  return <article class={classString}><img src={image} />{content}</article>
}