Astro
#1 Astro 5 项目初始化与基础配置
从零掌握 Astro 5 的现代化内容站点框架，涵盖项目初始化、目录结构解析、astro.config.mjs 配置、核心内置命令，以及与 Astro 4 的核心差异概述。
Read More
All Skills
Astro
12 articles
Astro
#2 Astro 组件基础与 .astro 语法
深入解析 .astro 文件的三要素（模板/脚本/样式）、Frontmatter 脚本区域、JSX 类模板语法、Props 定义与传递、插槽机制，以及样式作用域与导入子组件。
Read More Astro
#3 内容集合（Content Collections）深度解析
深度解析 Astro 5 的 Content Layer API，涵盖 glob Loader 配置、Zod Schema 定义、getCollection / getEntry 查询方法、entry.render() 渲染流程，以及自定义 Loader 实现。
Read More Astro
#6 渲染模式：SSG / SSR / 混合渲染
深入解析 Astro 的三种渲染模式：静态生成 SSG、服务器端渲染 SSR、混合渲染 Hybrid，以及 prerender 配置、适配器体系和混合模式下的缓存策略。
Read More Astro
#8 View Transitions 页面过渡
掌握 Astro 5 原生 View Transitions API，涵盖 ViewTransitions 组件配置、transition:name 命名过渡、transition:animate 自定义动画、生命周期回调，以及 Fallback 降级策略。
Read More Astro
#10 国际化（i18n）配置
掌握 Astro 的多语言站点构建方法，包括 i18n 配置、路由策略（prefixDefaultLocale）、t() 翻译函数、浏览器语言检测与中间件自动重定向、内容国际化组织，以及 hreflang SEO 优化。
Read More Astro
#11 API 端点与后端集成
掌握 Astro API 端点的创建与 HTTP 方法处理、动态路由参数、JSON/FormData 请求接收、SSR 与 prerender 配置、CORS 设置、统一错误响应格式，以及 Stripe、邮件发送等第三方集成实践。
Read More