gb/mercury
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity Actions

feat: basic og:image support (custom & featured.*)

Browse source
This commit is contained in:
grassblock 2025-05-14 19:26:52 +08:00
parent 223719322f
commit 65032ab2fc
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/post/[...slug].astro
View file

@ -2,6 +2,7 @@
import Layout from '../../layouts/Layout.astro';
import { getCollection } from 'astro:content';
import Comments from "../../components/Comments.astro";
import {getImage} from "astro:assets";
export async function getStaticPaths() {
const blogEntries = await getCollection('posts');
@ -13,8 +14,15 @@ export async function getStaticPaths() {
const { entry } = Astro.props;
const { Content } = await entry.render();
const slug = Astro.params.slug;
const cover = entry.data.cover
const featuredImages = import.meta.glob(`/src/content/posts/*/featured.*`,{import:'default',eager:true});
const matchedImage = Object.keys(featuredImages).find(path => path.includes(slug));
let matchedImage_src;
if (matchedImage) {
matchedImage_src = await getImage({src: featuredImages[matchedImage], format: 'webp'}) || null;
}
const cover = entry.data.cover || matchedImage_src?.src || `/post/${slug}/og.webp`;
//|| `/posts/${slug}/featured.webp` || `/posts/${slug}/featured.png` || `/posts/${slug}/featured.jpg`
---