GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-30 08:14:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: only set width/height header if known

Browse Source
This commit is contained in:
Ben Schlegel 2023-09-28 11:14:38 +02:00
parent d1dfc59f0d
commit a6711364f2
No known key found for this signature in database
GPG Key ID: 8BDB8891C1575E22
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
quartz/components/Head.tsx
View File

@ -37,6 +37,7 @@ async function generateSocialImage(opts: ImageOptions) {
fs.writeFileSync(`${imageDir}/${fileName}.${extension}`, compressed) fs.writeFileSync(`${imageDir}/${fileName}.${extension}`, compressed)
} }
// TODO: remove html from description
// TODO: add to config and use in generateSocialImage // TODO: add to config and use in generateSocialImage
// Social image defaults // Social image defaults
const ogHeight = 1200 const ogHeight = 1200
@ -123,11 +124,16 @@ export default (() => {
<meta property="og:description" content={description} /> <meta property="og:description" content={description} />
<meta property="og:image:type" content={`image/${extension}`} /> <meta property="og:image:type" content={`image/${extension}`} />
<meta property="og:image:alt" content={description} /> <meta property="og:image:alt" content={description} />
<meta property="og:image:width" content={ogWidth.toString()} /> {/* Dont set width and height if unknown (when using custom frontmatter image) */}
<meta property="og:image:height" content={ogHeight.toString()} /> {!frontmatterImgUrl && (
<>
<meta property="og:image:width" content={ogWidth.toString()} />
<meta property="og:image:height" content={ogHeight.toString()} />
<meta property="og:width" content={ogWidth.toString()} />
<meta property="og:height" content={ogHeight.toString()} />
</>
)}
<meta property="og:image:url" content={ogImagePath} /> <meta property="og:image:url" content={ogImagePath} />
<meta property="og:width" content={ogWidth.toString()} />
<meta property="og:height" content={ogHeight.toString()} />
{cfg.baseUrl && ( {cfg.baseUrl && (
<> <>
<meta name="twitter:image" content={ogImagePath} /> <meta name="twitter:image" content={ogImagePath} />