export default defineConfig({
 // ...
 trailingSlash: "never", build: {
 format: "file",
 }
});
</Terminal>

### 2. 用 Partytown 实现零阻塞分析

Google Analytics 4（GA4）很重。在主线程加载它几乎是性能上的“罪”。因此我们引入 **Partytown** ，把 GA4 offload 到 Web Worker。

<Callout type="info" title="结果">

主线程被释放用于UI交互，分析脚本在后台线程静默执行。
</Callout>

### 3. 高级结构化数据（JSON-LD）

要在“How-to”查询中排名靠前，光有好文字还不够，需要结构化数据。我们扩展了 `JsonLd.astro` 组件，使其能根据内容类型动态输出 `FAQPage` 与 `HowTo` schema。

## Phase 2: 参与度与主权（Engagement & Sovereignty）

多年来，开发者博客依赖 Disqus、Giscus 等“租来的地”评论系统。我们决定收回数据主权。

### 使用 Astro DB 的原生评论功能

我们从利用 GitHub Discussions API 的 Giscus，迁移到原生的 **Astro DB** （LibSQL）方案。

 **_为什么？_** 

- **性能** ：第三方 iframe 加载归零。
- **控制力** ：数据归我们所有，不必强制评论者使用 GitHub 账号（比如未来允许访客评论）。
- **UI** ：不再是拼接的 widget，而是与设计系统无缝融合。

<SpecTable title="功能比较" products={["Giscus（旧）", "Astro DB（新）"]} specs={[{ label: "数据所有权", values: ["GitHub（Microsoft）", "我们自己（主权）"],
 highlightIndices: [1],
 },
 {
 label: "加载方式", values: ["iframe（慢）", "原生（极快）"],
 highlightIndices: [1],
 },
 {
 label: "认证", values: ["必须GitHub", "未来可灵活支持"],
 highlightIndices: [1],
 },
 {
 label: "设计", values: ["固定主题", "完全CSS控制"],
 highlightIndices: [1],
 },
 ]} />

下面是一段很棒的视频，讲解 Astro DB 的概念。

<YouTubeEmbed videoId="U-IPNQ14A7U" title="使用 Astro DB 将数据展示到页面上"
 citation="ともすた | たにぐち まこと" />

### 国际SEO（i18n）

本博客面向日本、美国、中国的读者，仅靠标准SEO还不够。因此我们实现了自动化的 `hreflang` 生成。

<Terminal title="src/components/seo/BaseHead.astro">

```astro
{slug && (
 <>
 <link rel="alternate " hreflang="ja" href="{new URL(`/blog/${slug}`, site).href}">
 <link rel="alternate " hreflang="en" href="{new URL(`/en/blog/${slug}`, site).href}">
 <link rel="alternate " hreflang="zh" href="{new URL(`/zh/blog/${slug}`, site).href}">
 <link rel="alternate" hreflang="x-default" href={new URL(`/blog/${slug}`, site).href} />
 </>
)}

// Before (页面跳转后失效)
// document.addEventListener("DOMContentLoaded, () => { ... });

// After (适配 View Transitions)
document.addEventListener("astro:page-load", () => {
 const codeBlocks = document.querySelectorAll("pre");
 // ... hydration logic
});