1const a="social-image.md",t="post",o="social-image",e=` 2## Adding your own social image to a post 3 4This 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. 5By 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. 6 7If 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]. 8 9\`\`\`yaml 10ogImage: "/social-card.png" 11\`\`\` 12 13You can view the one set for this template page [here](https://astro-cactus.chriswilliams.dev/social-card.png). 14 15[^1]: The image itself can be located anywhere you like. 16`,n={title:"Example OG Social Image",description:"An example post for Astro Cactus, detailing how to add a custom social image card in the frontmatter",publishDate:new Date(16747776e5),draft:!0,featured:!1,tags:["example","blog","image"],ogImage:"/social-card.png"},i={type:"content",filePath:"/opt/buildhome/repo/src/content/post/social-image.md",rawData:` 17title: "Example OG Social Image" 18publishDate: "27 January 2023" 19description: "An example post for Astro Cactus, detailing how to add a custom social image card in the frontmatter" 20tags: ["example", "blog", "image"] 21ogImage: "/social-card.png" 22draft: true`};export{i as _internal,e as body,t as collection,n as data,a as id,o as slug};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.