Astro - Blog | Lineo's Blog

Astro Apr 12, 2026

#1

从零掌握 Astro 5 的现代化内容站点框架，涵盖项目初始化、目录结构解析、astro.config.mjs 配置、核心内置命令，以及与 Astro 4 的核心差异概述。

Astro Apr 12, 2026

#2

深入解析 .astro 文件的三要素（模板/脚本/样式）、Frontmatter 脚本区域、JSX 类模板语法、Props 定义与传递、插槽机制，以及样式作用域与导入子组件。

Astro Apr 12, 2026

#3

深度解析 Astro 5 的 Content Layer API，涵盖 glob Loader 配置、Zod Schema 定义、getCollection / getEntry 查询方法、entry.render() 渲染流程，以及自定义 Loader 实现。

Astro Apr 12, 2026

#4

掌握 Astro 基于文件的路由系统，涵盖文件路由约定、动态路由参数、[...slug] 剩余参数、getStaticPaths 静态路径生成、自定义 404 页面，以及通过 Middleware 实现路由守卫。

Astro Apr 12, 2026

#5

掌握 Astro 中 MDX 的安装配置、在 MDX 中使用 Astro 组件、导入导出、JSX 表达式、自定义 MDX 组件映射，以及 MDX 与 Content Collections 结合的最佳实践。

Astro Apr 12, 2026

#6

深入解析 Astro 的三种渲染模式：静态生成 SSG、服务器端渲染 SSR、混合渲染 Hybrid，以及 prerender 配置、适配器体系和混合模式下的缓存策略。

TheBlog