@@ -31,7 +31,7 @@
-
![]()
+
![]()
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index dced358..a06da2e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -36,6 +36,18 @@ const defaultKeywords =
const metaDescription = description ?? defaultDescription
const metaKeywords = keywords ?? defaultKeywords
+// 社交分享默认图（站方应提供一张 1200x630 的公开图放 public/og-default.jpg）。
+const OG_IMAGE = "/og-default.jpg"
+
+// 站点级结构化数据（WebSite），帮助搜索引擎理解站点身份与语言。
+const ldJson = {
+ "@context": "https://schema.org",
+ "@type": "WebSite",
+ name: SITE_NAME,
+ url: Astro.url.href,
+ inLanguage: locale === "cn" ? "zh-CN" : "en",
+}
+
// 把当前语言注入 API 请求层：所有服务端（SSG/SSR）取数统一走 X-Locale 头，
// 后端据此选 *_en / *_cn 列。客户端 fetch 则自行按 URL path 推断，无需此处。
setApiLocale(locale)
@@ -99,6 +111,25 @@ const headers = {
{siteTitle}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/collection-page.ts b/src/lib/collection-page.ts
index f305a6e..7fdb037 100644
--- a/src/lib/collection-page.ts
+++ b/src/lib/collection-page.ts
@@ -16,7 +16,7 @@
* 所有方法内的 `this` 在运行时都指向 Alpine 组件实例。
*/
-import { toAbs } from "@/lib/request"
+import { toAbs, toSrcset } from "@/lib/request"
import { getUser } from "@/lib/auth"
import { clientHref, ROUTES } from "@/lib/routes"
import { buildPageList, SPIN_SVG } from "@/lib/ui"
@@ -99,6 +99,7 @@ export function createCollectionPage(opts: CollectionPageOptions) {
nextPage() { this.goPage(this.page + 1) },
toAbsUrl(url: string) { return toAbs(url) },
+ toAbsSrcset(url: string) { return toSrcset(url) },
itemHref(it: { id: string | number }) {
// 按当前列表模块的收藏类型选对应类型化路由（与列表页 slug 一致）。
const route = opts.favType === "street" ? ROUTES.streetSnap(it.id) : ROUTES.runwayLook(it.id)
diff --git a/src/lib/request.ts b/src/lib/request.ts
index 9dcd2da..122abaa 100644
--- a/src/lib/request.ts
+++ b/src/lib/request.ts
@@ -37,6 +37,32 @@ export function toAbs(url: string): string {
return /^https?:\/\//i.test(url) ? url : baseUrl() + url
}
+// 响应式 srcset：基于同一图片 URL 生成多档宽度的候选集，交给浏览器按设备 DPR/视口挑选，
+// 避免「一张大图在所有屏幕都下载」造成的带宽浪费（图片站性能关键项）。
+//
+// 适配本站两类远程图 URL：
+// - 缤纷云 S4 CoreIX 样式串：key!style:high → key!w:480 / !w:768 ...（替换 style 段为宽度段）
+// - 带查询串：?w=1080&q=80 → 改写 w= 参数
+// 本地 /uploads 没有缩放服务，返回空（不生成 srcset，退回单图）。
+const SRCSET_WIDTHS = [480, 768, 1080, 1600]
+export function toSrcset(url: string): string {
+ if (!url) return ""
+ const abs = toAbs(url)
+ if (!/^https?:\/\//i.test(abs)) return ""
+ const at = (u: string, w: number): string => {
+ if (/\!style:/.test(u)) return u.replace(/\!style:[^!]+/, `!w:${w}`)
+ if (/\!w:\d+/.test(u)) return u.replace(/\!w:\d+/, `!w:${w}`)
+ try {
+ const u2 = new URL(u)
+ u2.searchParams.set("w", String(w))
+ return u2.toString()
+ } catch {
+ return u + (u.includes("?") ? "&" : "?") + "w=" + w
+ }
+ }
+ return SRCSET_WIDTHS.map((w) => `${at(abs, w)} ${w}w`).join(", ")
+}
+
// 按需渲染（on-demand SSR）详情 base：必须是绝对 URL（Node fetch 不吃相对路径）。
export function ssrBase(): string {
return config.baseApiSsr.replace(/\/$/, "")
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..92814be
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,22 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import { getI18n } from '@/lib/i18n'
+import { href, ROUTES } from '@/lib/routes'
+
+const { t, locale } = getI18n(Astro)
+// 显式返回 404 状态码，避免被当作 200 软 404 损害 SEO。
+Astro.response.status = 404
+---
+
+
+
+
404
+
{t('Page not found')}
+
+ {t('Home')}
+
+