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