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

Update Head.tsx

Browse Source
This commit is contained in:
enneaa 2025-03-13 03:55:05 +08:00 committed by GitHub
parent b8e5064460
commit bfc3053664
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
quartz/components/Head.tsx
View File

@ -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 (
<head>
<title>{title}</title>
<meta charSet="utf-8" />
{cfg.theme.cdnCaching && cfg.theme.fontOrigin === "local" && (  
<meta charSet="utf-8" /> 
{cfg.theme.cdnCaching && cfg.theme.fontOrigin === "local" && (
<>
<link rel="preconnect" href="https://cdn.jsdelivr.net" /> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css" />  
<link rel="preconnect" href="https://cdn.staticfile.org" />
<link rel="stylesheet" href="https://cdn.staticfile.org/lxgw-wenkai-webfont/1.7.0/style.css" />
</>
)}
{cfg.theme.cdnCaching && cfg.theme.fontOrigin === "googleFonts" && ( 
{cfg.theme.cdnCaching && cfg.theme.fontOrigin === "googleFonts" && (  
<>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
@ -191,7 +190,7 @@ export default (() => {
<meta name="og:site_name" content={cfg.pageTitle}></meta>
<meta property="og:title" content={title} />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:card" content="summary_large_image" /> 
<meta name="twitter:title" content={title} />
<meta name="twitter:description" content={description} />
<meta property="og:description" content={description} />