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
+4 -3
View File
@@ -7,16 +7,17 @@ import "../scss/global.scss";
type Props = {
readonly description: string;
readonly title: string;
readonly lang: string;
readonly preview: string;
readonly schema: WithContext<Thing>;
readonly title: string;
};
const { title, description, lang, schema } = Astro.props;
const { description, lang, preview, schema, title } = Astro.props;
---
<html lang={lang}>
<Head title={title} description={description} schema={schema} />
<Head title={title} description={description} preview={preview} schema={schema} />
<body>
<main>