跳转到内容
搜索
GitHub
Discord
选择主题
深色
浅色
自动
选择语言
English
Deutsch
Português do Brasil
Español
简体中文
正體中文
Français
हिन्दी
العربية
日本語
한국어
Polski
Русский
Italiano
起步
入门指南
安装
编辑器设置
升级到 v4
核心理念
为什么选择 Astro
Astro 群岛
教程
搭建博客
使用内容集合
使用视图过渡动画
基础内容
项目结构
组件
页面
布局
Astro 模板语法
渲染模式
内置功能
内容集合
视图过渡动画
预获取
集成
添加集成
UI 框架
服务端渲染 (SSR)
操作指南
迁移到 Astro
连接到 CMS
添加后端服务
部署你的站点
更多操作指南
使用指南
路由
Markdown & MDX
处理脚本和事件
CSS 样式
图像
字体
导入
API 端点
数据获取
国际化
中间件
E-commerce
测试
身份认证
故障排除
配置
Astro 配置文件
TypeScript
路径别名
环境变量
参考
配置
运行时 API
集成 API
适配器 API
图像服务 API
开发工具栏应用 API
模板指令
命令行
错误参考
NPM 包格式
社区资源
课程、指南和方案
演讲、访谈和直播
赞助商
GitHub
Discord
选择主题
深色
浅色
自动
选择语言
English
Deutsch
Português do Brasil
Español
简体中文
正體中文
Français
हिन्दी
العربية
日本語
한국어
Polski
Русский
Italiano
第四单元:布局
现在你已经可以使用组件进行搭建,是时候创建一些自定义布局吧!
接下来
段落标题 接下来
在这个单元中,你将构建布局,以在你的页面和博客文章之间共享常见元素和样式。
为了实现这一目标,你将
创建可复用的布局组件
使用
<slot />
将内容传递给你的布局
将 Markdown frontmatter 中的数据传递给你的布局
嵌套多个布局
任务清单
段落标题 任务清单
我已经准备好通过布局将我的页面设计提升到一个新的水平!
Tutorials