回顾：单元 3 - 组件

既然你已经有了可以生成整个网站页面的 .astro 和 .md 文件，现在是时候用 Astro 组件来制作和复用更小的 HTML 片段了！

展望

在本单元中，你将学习如何创建 Astro 组件，以便在你的网站中复用常见元素的代码。

你将构建

• 一个导航（Navigation）组件，用于展示指向你网站各个页面的链接菜单
• 一个页脚（Footer）组件，用于放在每个页面的底部
• 一个社交媒体（Social Media）组件，用在页脚中，链接到你的社交媒体个人资料页面
• 一个交互式的汉堡（Hamburger）组件，用于在移动设备上切换导航菜单的显示

在此过程中，你将使用 CSS 和 JavaScript 来构建一个能够响应屏幕尺寸和用户输入的响应式设计。

清单

• 我准备好构建一些 Astro 组件了！