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

feat: Use <Image> as linkcard's image component

Browse source
This commit is contained in:
草师傅 2025-08-08 16:17:40 +08:00
parent 39e3703d73
commit d410f7a3d4
Signed by: gb
GPG key ID: 43330A030E2D6478
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/shortcodes/LinkCard.astro
View file

@ -1,4 +1,5 @@
--- ---
import { Image } from 'astro:assets';
import { getMetadata, getWaybackMetadata } from '../../plugins/get-metadata'; import { getMetadata, getWaybackMetadata } from '../../plugins/get-metadata';
interface Props { interface Props {
@ -43,7 +44,7 @@ const archiveUrl = showArchive ? await getWaybackMetadata(url, timestamp) : null
<a href={url} target="_blank" rel="noopener noreferrer" class="link-card__main"> <a href={url} target="_blank" rel="noopener noreferrer" class="link-card__main">
{metadata.image && ( {metadata.image && (
<div class="link-card__image"> <div class="link-card__image">
<img src={metadata.image} alt={metadata.title} loading="lazy" /> <Image src={metadata.image} alt={metadata.title} width=512 height=512 loading="lazy" />
</div> </div>
)} )}