0
mirror of https://github.com/valentineus/popov.link.git synced 2025-07-25 09:28:48 +03:00

feat: implement Open Graph image generation and enhance configuration

- Added ogImages integration to generate Open Graph images for blog posts.
- Updated configuration to include Open Graph settings and default preview image.
- Refactored Head component to utilize new preview property for Open Graph meta tags.
- Enhanced blog post schema to include preview image for structured data representation.
- Introduced utility functions for creating Open Graph images with dynamic content.
This commit is contained in:
2025-06-14 19:25:16 +00:00
parent 3d0f485746
commit a81117972d
48 changed files with 1650 additions and 164 deletions

View File

@@ -25,6 +25,7 @@ const { Content, remarkPluginFrontmatter } = await post.render();
const description = post.data.description;
const isBasedOn = post.data.basedOn;
const lang = post.data.lang;
const preview = `/images/preview/${post.slug}.png`;
const slug = post.slug;
const title = post.data.title;
@@ -34,13 +35,14 @@ const formattedDate = dayjs(post.data.datePublished.toString()).format("MMMM DD,
const schema = blogPostSchema({
siteUrl: new URL("/", Astro.site).toString(),
title,
description,
slug,
datePublished,
dateModified,
lang,
datePublished,
description,
isBasedOn,
lang,
preview,
slug,
title,
});
---
@@ -52,7 +54,7 @@ const schema = blogPostSchema({
}
</style>
<Layout title={title} description={description} lang={lang} schema={schema}>
<Layout title={title} description={description} preview={preview} lang={lang} schema={schema}>
<article>
<header>
<h1>{title}</h1>