diff --git a/src/components/shortcodes/LinkCard.astro b/src/components/shortcodes/LinkCard.astro index 7cdb361..b8097d4 100644 --- a/src/components/shortcodes/LinkCard.astro +++ b/src/components/shortcodes/LinkCard.astro @@ -1,6 +1,4 @@ --- -import { getMetadata, getWaybackMetadata } from '../../plugins/get-metadata'; - interface Props { url: string; showArchive?: boolean; @@ -31,12 +29,71 @@ function formatDateToNumber(date: Date | string | undefined): string { return `${year}${month}${day}`; } -// Determine which date to use (prefer updatedDate if available, or fallback to the build time) -const timestamp = (updatedDate ? formatDateToNumber(updatedDate) : formatDateToNumber(pubDate)) || formatDateToNumber(new Date()); +// Get metadata from the URL +async function fetchMetadata(url: string) { + try { + const response = await fetch(url, { + headers: { + 'User-Agent': 'Mozilla/5.0 (compatible; LinkCard/1.0)' + } + }); + + if (!response.ok) { + throw new Error(`HTTP ${response.status}`); + } + + const html = await response.text(); + + // 提取元数据 + const titleMatch = html.match(/]*>([^<]+)<\/title>/i); + const descriptionMatch = html.match(/]+name=["']description["'][^>]+content=["']([^"']+)["']/i) || + html.match(/]+property=["']og:description["'][^>]+content=["']([^"']+)["']/i); + const imageMatch = html.match(/]+property=["']og:image["'][^>]+content=["']([^"']+)["']/i) || + html.match(/]+name=["']twitter:image["'][^>]+content=["']([^"']+)["']/i); + const siteNameMatch = html.match(/]+property=["']og:site_name["'][^>]+content=["']([^"']+)["']/i); + + return { + title: titleMatch?.[1]?.trim() || new URL(url).hostname, + description: descriptionMatch?.[1]?.trim() || '', + image: imageMatch?.[1]?.trim() || '', + siteName: siteNameMatch?.[1]?.trim() || new URL(url).hostname, + domain: new URL(url).hostname + }; + } catch (error) { + console.warn(`Failed to fetch metadata for ${url}:`, error); + const domain = new URL(url).hostname; + return { + title: domain, + description: '', + image: '', + siteName: domain, + domain + }; + } +} + +// Check if the URL is archived on the Wayback Machine at the updated/build time +// TODO: bringing user's own archive service link +async function checkArchive(url: string) { + try { + // Determine which date to use (prefer updatedDate if available, or fallback to the build time) + const timestamp = (updatedDate ? formatDateToNumber(updatedDate) : formatDateToNumber(pubDate)) || formatDateToNumber(new Date()); + const archiveUrl = `https://archive.org/wayback/available?url=${encodeURIComponent(url)}×tamp=${timestamp}`; + const response = await fetch(archiveUrl); + const data = await response.json(); + + if (data.archived_snapshots?.closest?.available) { + return data.archived_snapshots.closest.url; + } + } catch (error) { + console.warn(`Failed to check archive for ${url}:`, error); + } + return null; +} // extract metadata and archive URL -const metadata = Astro.props.title ? siteMetadata : await getMetadata(url); -const archiveUrl = showArchive ? await getWaybackMetadata(url, timestamp) : null; +const metadata = Astro.props.title ? siteMetadata : await fetchMetadata(url); +const archiveUrl = showArchive ? await checkArchive(url) : null; ---
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 03bb39e..e761380 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -50,29 +50,33 @@ const { title = pageTitle, author = siteConfig.defaultAuthor.name,description = {spaEnabled && } - - {noscript && } -
-
- {path} -
- - -
-
- -
+ +
+ {noscript && } +
+
+ {path} +
+ + + +
+ +
+
+
+ +
+
+ -
-
- - {noscript ? : } -
-
- -

Powered by mercury

-
-
+ {noscript ? : } +
+
+ +

Powered by mercury

+
+
{statisticsEnabled && } { (siteConfig.neko.enabled && !noscript) && <> diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro index 5396a57..5271ade 100644 --- a/src/pages/blog/[...slug].astro +++ b/src/pages/blog/[...slug].astro @@ -26,7 +26,7 @@ const slug = Astro.params.slug; const author = Array.isArray(entry.data.author) ? entry.data.author : (entry.data.author !== undefined ? [entry.data.author] : [{collection: 'authors', id: siteConfig.defaultAuthor.id}]); // Get author data -const authorData = await Promise.all((author).map((singleAuthor) => getEntry(singleAuthor).then(authorEntry => authorEntry?.data))) +const authorData = await Promise.all((author).map((singleAuthor) => getEntry(singleAuthor).then(authorEntry => authorEntry.data))) const authorInfo = authorData.includes(undefined) ? [{data: siteConfig.defaultAuthor}] : authorData; // get featured image and use it as og:image @@ -49,27 +49,26 @@ const cover = customFeaturedImage || matchedImage_src?.src || firstImageURL || ` ogImage={cover} author={authorInfo.map((a: any) => a.name).join(', ')} > -
-

{entry.data.title}

- {authorInfo.map((a: any) => )} - {new Date(entry.data.pubDate).toISOString().split('T')[0]} - {headings.length !== 0 && } - {entry.data.summary &&

{entry.data.summary}

} -
- -
-
+

{entry.data.title}

+ {authorInfo.map((a: any) => )} + {new Date(entry.data.pubDate).toISOString().split('T')[0]} + {headings.length !== 0 && } + {entry.data.summary &&

{entry.data.summary}

} +
+ +
+
- -
- ← Back to posts - {!noscript &&

Comments

} - {!noscript && - - } -
+ +
+ ← Back to posts + {!noscript &&

Comments

} + {!noscript && + + } +