feat(website/i18n): 6 语(加 日/韩/俄/西)+ 默认英文

- strings.ts: [zh,en] 二元组 → Record<Lang,string> 六语对象(157 条,ja/ko/ru/es
  据英文翻译,无红线词,scan-redline 过);createT 回退英文;PRICES 补 4 语(复用
  USD 价)
- 路由:默认英文移到 /(原 zh);中文挪 /zh/;新增 /ja//ko//ru//es/;删冗余 /en/
- Site.astro:html lang / canonical / hreflang(6+x-default)/ og:locale 全部改
  为按语言查表(HTML_LANG/OG_LOCALE/langPath)
- Header.jsx:langseg 2 项 → 原生 select 6 语下拉(横排会挤);+ .langsel 样式
- astro build 通过,6 页生成;/ 英文、/zh/ 中文、/ja/ 日语标题均已本地化

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013nMthbVEmQquxBRKb9Fj8u
This commit is contained in:
wangjia
2026-07-07 13:29:35 +08:00
parent 3aeb2a8680
commit f0d574bc44
10 changed files with 258 additions and 183 deletions
+12 -5
View File
@@ -43,6 +43,12 @@ interface Props { lang: Lang }
const { lang } = Astro.props;
const t = createT(lang);
// 语言 → <html lang> / og:locale / 路由前缀(默认 en = /,其余 /<lang>/)。
const HTML_LANG: Record<Lang, string> = { zh: 'zh-CN', en: 'en', ja: 'ja', ko: 'ko', ru: 'ru', es: 'es' };
const OG_LOCALE: Record<Lang, string> = { zh: 'zh_CN', en: 'en_US', ja: 'ja_JP', ko: 'ko_KR', ru: 'ru_RU', es: 'es_ES' };
const ALL_LANGS: Lang[] = ['en', 'zh', 'ja', 'ko', 'ru', 'es'];
const langPath = (l: Lang) => (l === 'en' ? '/' : `/${l}/`);
const headerT = {
product: t('nav.product'),
pricing: t('nav.pricing'),
@@ -55,22 +61,23 @@ const headerT = {
};
---
<!doctype html>
<html lang={lang === 'zh' ? 'zh-CN' : 'en'}>
<html lang={HTML_LANG[lang]}>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{t('meta.title')}</title>
<meta name="description" content={t('meta.desc')} />
<meta name="robots" content="index,follow" />
<link rel="canonical" href={new URL(lang === 'zh' ? '/' : '/en/', Astro.site).href} />
<link rel="alternate" hreflang="zh-CN" href={new URL('/', Astro.site).href} />
<link rel="alternate" hreflang="en" href={new URL('/en/', Astro.site).href} />
<link rel="canonical" href={new URL(langPath(lang), Astro.site).href} />
{ALL_LANGS.map((l) => (
<link rel="alternate" hreflang={HTML_LANG[l]} href={new URL(langPath(l), Astro.site).href} />
))}
<link rel="alternate" hreflang="x-default" href={new URL('/', Astro.site).href} />
<meta name="theme-color" content="#B96A3D" />
<meta property="og:type" content="website" />
<meta property="og:title" content={t('meta.title')} />
<meta property="og:description" content={t('meta.desc')} />
<meta property="og:locale" content={lang === 'zh' ? 'zh_CN' : 'en_US'} />
<meta property="og:locale" content={OG_LOCALE[lang]} />
</head>
<body>
<AnnouncementBar client:idle text={t('ann.txt')} cta={t('ann.cta')} />