设计 #设计#Astro
✨ 为什么选择 Astro-Theme-Aither
2026-01-03 · 557字 · 3分钟
一个相信文字本身就很美的 AI 原生 Astro 主题。
一个相信文字本身就很美的 AI 原生 Astro 主题。
设计理念
极简设计,不极简工程。当页面上没有花哨的视觉元素来掩盖问题时,任何瑕疵都会被放大。极简设计对工程质量的要求更高,而不是更低。
排版参数遵循 Apple 人机界面指南:17px / 1.47 / -0.022em。全站统一无衬线系统字体栈。字体本身就是视觉标识。
AI 原生
为 AI agent 时代而生。每个页面都天然可被机器阅读:
- llms.txt — AI agent 内容索引,
/llms.txt - llms-full.txt — 全文输出,
/llms-full.txt - Markdown 端点 — 任何文章 URL 后加
.md获取源文件 - JSON-LD — 每篇文章的 Article 结构化数据
- robots.txt — 明确欢迎 GPTBot、ClaudeBot、PerplexityBot
你的内容不只是发布了——它是 AI 可发现的。
基于 Astro
Astro 的岛屿架构意味着只有交互组件加载 JavaScript。其他一切都是静态 HTML 和 CSS,瞬间加载。
交互式岛屿:主题切换器(View Transitions API 圆形展开动画)、语言切换器、浏览器语言检测、移动端导航。
功能
- Tailwind CSS v4 —
@theme设计令牌,完整明暗主题定制 - i18n — 多语言支持,自动浏览器语言检测
- 文章置顶 — 将重要文章固定在列表顶部
- 深色模式 — 浅色 / 深色 / 系统,View Transitions API 动画
- Content Collections — 构建时类型安全 Markdown 验证
- SEO — Open Graph、规范 URL、Twitter Cards
- RSS + 站点地图 — 自动生成,零配置
- Google Analytics / Crisp Chat / Giscus — 可选,通过
.env配置 - Vitest + Playwright — 单元 + E2E 测试,集成 CI
- 部署 — GitHub Pages(默认)+ Cloudflare Pages(可选)
适合谁
如果你相信好的文字自己会说话:
- 博客作者 — 想让文字成为绝对主角
- 技术写作者 — 需要清晰的代码块和内容结构
- 多语言作者 — 需要内置 i18n 和语言检测
- 开发者 — 欣赏工程质量过硬、可放心扩展的代码库
写任何话题——排版会让它看起来很好。
全文完 · 谢谢阅读
评论
配置 Giscus 后即可启用评论功能。