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:
@@ -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>
|
||||
|
Reference in New Issue
Block a user