主题功能一览

暗色模式

点击 Header 右侧的太阳/月亮图标切换亮色/暗色模式。

实现原理：通过 <html> 元素的 .dark class 控制，配合 CSS 变量切换配色：

:root {
  --color-bg: #f5f5f5;
  --color-text: #2c3e50;
}

:root.dark {
  --color-bg: #1a1a2e;
  --color-text: #e8e8e8;
}

Ctrl+K 或点击搜索图标打开搜索面板。

桌面端文章页右侧显示自动生成的目录导航（基于 h2/h3 标题）。

文章页顶部显示一条细进度条，随阅读进度填充，让你清楚知道读到了哪里。

文章底部提供多种分享方式：

通过 frontmatter 的 series 字段将相关文章归为一组：

---
series: Astro 教程
---

同系列文章在侧边栏自动显示系列列表，当前文章高亮标注。

使用 Waline 评论系统，支持：

编辑 public/links.json 添加好友链接。友链页支持：

点击 Header 右侧的「中/EN」按钮切换语言。

所有代码块自动获得：

使用 ```mermaid 代码块即可在文章中插入图表：

```mermaid
graph LR
    A[输入] --> B[处理] --> C[输出]
```

支持流程图、序列图、类图、甘特图、饼图、状态图、ER 图等。自动适配暗色模式。

自动生成 /rss.xml，包含全部已发布文章。订阅链接在 Header 社交图标和页面 <head> 中。

每页自动注入完整的 SEO 元数据：

博客支持作为 PWA 安装到桌面/手机：

滚动超过 300px 后，右下角出现回到顶部按钮，点击平滑滚动回顶部。