From 456cf011b36de91c9936994b1fa45703adcd309b Mon Sep 17 00:00:00 2001 From: Dawid Rycerz Date: Thu, 3 Jul 2025 10:56:21 +0300 Subject: Initial fork of chrismwilliams/astro-theme-cactus theme --- src/content/post/social-image.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 src/content/post/social-image.md (limited to 'src/content/post/social-image.md') diff --git a/src/content/post/social-image.md b/src/content/post/social-image.md new file mode 100644 index 0000000..c03faac --- /dev/null +++ b/src/content/post/social-image.md @@ -0,0 +1,22 @@ +--- +title: "Example OG Social Image" +publishDate: "27 January 2023" +description: "An example post for Astro Cactus, detailing how to add a custom social image card in the frontmatter" +tags: ["example", "blog", "image"] +ogImage: "/social-card.png" +--- + +## Adding your own social image to a post + +This post is an example of how to add a custom [open graph](https://ogp.me/) social image, also known as an OG image, to a blog post. +By adding the optional ogImage property to the frontmatter of a post, you opt out of [satori](https://github.com/vercel/satori) automatically generating an image for this page. + +If you open this markdown file `src/content/post/social-image.md` you'll see the ogImage property set to an image which lives in the public folder[^1]. + +```yaml +ogImage: "/social-card.png" +``` + +You can view the one set for this template page [here](https://astro-cactus.chriswilliams.dev/social-card.png). + +[^1]: The image itself can be located anywhere you like. -- cgit v1.2.3