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

feat: use the first image of an article as og:image

Browse source
This commit is contained in:
grassblock 2025-05-24 21:40:30 +08:00
parent 5ef4dda34e
commit db09d3bf88
3 changed files with 46 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,12 +3,9 @@ import Layout from '../../layouts/Layout.astro';
import { getCollection, getEntry } from 'astro:content';
import Comments from "../../components/Comments.astro";
import {getImage} from "astro:assets";
import { unified } from "unified";
import { select } from "unist-util-select";
import remarkMdx from "remark-mdx";
import remarkParse from "remark-parse";
import {siteConfig} from "../../config";
import ReplyViaEmail from "../../components/ReplyViaEmail.astro";
import { ExtractFirstImage } from '../../plugins/extract-images';
export async function getStaticPaths() {
const blogEntries = await getCollection('posts');
@ -36,8 +33,9 @@ let matchedImage_src;
if (matchedImage && !customFeaturedImage) {
matchedImage_src = await getImage({src: featuredImages[matchedImage], format: 'webp'}) || null;
}
const firstImageURL = await ExtractFirstImage(Content,Astro.url.origin)
const cover = customFeaturedImage || matchedImage_src?.src || `/post/${slug}/featured.png` || '';
const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `/post/${slug}/featured.png` || '';
---
<Layout