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

feat: display cover on article page

Browse source
This commit is contained in:
草师傅 2025-08-10 19:05:46 +08:00
parent 666349c5b8
commit fdd9f670e6
Signed by: gb
GPG key ID: 43330A030E2D6478
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/blog/[...slug].astro
View file

@ -3,7 +3,7 @@ import Layout from '../../layouts/Layout.astro';
import { getCollection, getEntry } from 'astro:content';
import Comments from "../../components/Comments.astro";
import {getImage} from "astro:assets";
import {getImage, Image} from "astro:assets";
import {siteConfig} from "../../config";
import ReplyViaEmail from "../../components/ReplyViaEmail.astro";
import { ExtractFirstImage } from '../../plugins/extract-images';
@ -60,8 +60,9 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `
<span class="date">(Updated on {new Date(lastUpdated).toISOString().split('T')[0]})</span>
<span>|</span>
<span class="wordcount">{wordcount.words} words</span>
{headings.length !== 0 && <TableOfContents headings={headings} />}
{entry.data.summary && <p class="summary">{entry.data.summary}</p> }
{ (cover && cover !== firstImageURL && cover !== `/blog/${slug}/featured.png`) && <Image class="cover" width=720 height=480 src={cover} alt={`cover of ${entry.data.title}`} /> }
{headings.length !== 0 && <TableOfContents headings={headings} />}
{entry.data.summary && <p class="summary">{entry.data.summary}</p> }
<div class="content">
<Content />
</div>
@ -84,4 +85,9 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || `
color: var(--secondary-text-color);
margin: 1rem;
}
img.cover {
width: 100%;
height: auto;
margin: 1rem auto;
}
</style>