From 8cf1160bd38f6155d3cf28c2b59fab920aab4d0a Mon Sep 17 00:00:00 2001 From: Stephen Tse Date: Fri, 15 Nov 2024 22:23:10 -0800 Subject: [PATCH] Updated OG image header to allow image path from outside of static dir --- docs/features/social images.md | 2 +- quartz/components/Head.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/features/social images.md b/docs/features/social images.md index 0822651f46702..78644ec768840 100644 --- a/docs/features/social images.md +++ b/docs/features/social images.md @@ -45,7 +45,7 @@ The following properties can be used to customize your link previews: | `socialDescription` | `description` | Description to be used for preview. | | `socialImage` | `image`, `cover` | Link to preview image. | -The `socialImage` property should contain a link to an image relative to `quartz/static`. If you have a folder for all your images in `quartz/static/my-images`, an example for `socialImage` could be `"my-images/cover.png"`. +The `socialImage` property should contain a link to an image relative to your base URL. For example, if you have an image `cover.png` in `quartz/static/`, the `socialImage` value could be `"static/cover.png"`. If your image is in `content/assets/`, then the `socialImage` value would become `"assets/cover.png"`. > [!info] Info > diff --git a/quartz/components/Head.tsx b/quartz/components/Head.tsx index f4c9d490e694e..e908511ce3728 100644 --- a/quartz/components/Head.tsx +++ b/quartz/components/Head.tsx @@ -147,7 +147,7 @@ export default (() => { // Override with frontmatter url if existing if (frontmatterImgUrl) { - ogImagePath = `https://${cfg.baseUrl}/static/${frontmatterImgUrl}` + ogImagePath = `https://${cfg.baseUrl}/${frontmatterImgUrl}` } // Url of current page