225 个对话场景
15 个分类 × 15 个场景,每个场景包含完整双语对话、重点短语、听力、翻译配对练习与学习进度。
AIDOLANG 是一个安静、双语、以真实对话为中心的语言学习站。它不要求注册,也不把注意力放在游戏化上。你选择一个主题,打开一个场景,读两种语言,听发音,说出高亮短语,然后在一段小测验里确认自己真的记住了。
默认行为
第一次访问时,站点会检测浏览器语言。匹配不到时使用英语,并把简体中文作为副语言。只要用户手动选择过语言或主题,下次进入时会继续使用选择结果。
| 层 | 技术 |
|---|---|
| UI | Vue 3 组合式 API、vue-router |
| 静态生成 | Vite 8 + vite-ssg |
| 文档 | VitePress |
| 状态 | 组合式单例 + localStorage |
| SEO | @unhead/vue、页面级 title/keywords/description、canonical、hreflang、JSON-LD |
| 样式 | SCSS 设计令牌、10 套主题变量、CSS 动画与手绘 SVG/CSS 图形 |
| 发音 | Web Speech API |