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

newww

Browse Source
This commit is contained in:
fredxgit 2025-08-05 05:03:09 +02:00
parent 6f11f7a546
commit bae9a3cf77
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/plugins/CustomOgImages.md
View File

@ -236,6 +236,7 @@ export const customImage: SocialImageOptions["imageStructure"] = (
The following example includes a customized social image with a custom background and formatted date: The following example includes a customized social image with a custom background and formatted date:
{% raw %}
```typescript title="custom-og.tsx" ```typescript title="custom-og.tsx"
export const og: SocialImageOptions["Component"] = ( export const og: SocialImageOptions["Component"] = (
cfg: GlobalConfiguration, cfg: GlobalConfiguration,
@ -266,7 +267,7 @@ export const og: SocialImageOptions["Component"] = (
alignItems: "flex-start", alignItems: "flex-start",
height: "100%", height: "100%",
width: "100%", width: "100%",
backgroundImage: `url("https://\${cfg.baseUrl}/static/og-image.jpeg")`, backgroundImage: `url("https://${cfg.baseUrl}/static/og-image.jpeg")`,
backgroundSize: "100% 100%", backgroundSize: "100% 100%",
}} }}
> >
@ -295,7 +296,7 @@ export const og: SocialImageOptions["Component"] = (
}} }}
> >
<img <img
src={`"https://\${cfg.baseUrl}/static/icon.jpeg"`} src={`"https://${cfg.baseUrl}/static/icon.jpeg"`}
style={{ style={{
position: "relative", position: "relative",
backgroundClip: "border-box", backgroundClip: "border-box",
@ -358,3 +359,4 @@ export const og: SocialImageOptions["Component"] = (
) )
} }
``` ```
{% endraw %}