欢迎使用 Astro 博客主题

欢迎使用

这是一个使用 Astro v7 构建的高性能博客主题。它集成了以下技术：

• Tailwind CSS v4 — 通过 @tailwindcss/vite 插件接入，使用 CSS 变量配置
• GSAP — 滚动揭示动画引擎
• Lenis — 平滑滚动库，与 GSAP ticker 同步
• astro-dynamic-component — 动态组件加载
• UI 布局组件 — 手写 Container / Section / Grid / Stack

核心特性

零 JavaScript 默认输出

Astro 默认不发送任何 JavaScript 到浏览器。只有当你使用 client: 指令时， 才会按需水合组件。

View Transitions

使用 <ClientRouter /> 组件实现页面切换动画。在 BaseLayout.astro 中已配置：

• astro:page-load 事件 — 页面加载后重新初始化动画
• astro:before-swap 事件 — 页面切换前销毁旧实例

暗色模式

点击右下角的圆形按钮切换暗色模式。主题偏好保存在 localStorage 中， 首次访问时检测系统偏好。

开始写作

在 src/content/blog/ 目录下创建新的 .md 或 .mdx 文件， 按照 frontmatter schema 填写标题、描述、日期等字段即可。