第三单元：组件

你已经可以用 .astro 和 .md 文件在你的网站上生成出整个页面了，现在让我们通过 Astro 组件来创建并复用一些 HTML 片段吧！

你可以在 GitHub 或者 StackBlitz 上找到这个教程当前阶段的代码。

检查你的代码是否与此示例匹配。或者如果你刚刚加入我们，请在 StackBlitz 上 Fork，并从这里开始在浏览器中进行编程。

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

你将构建：

• 显示页面链接菜单的导航组件
• 包含在每个页面底部的页脚组件
• 在页脚中使用的社交媒体组件，链接到个人资料页面
• 一个可交互的汉堡包组件，用于在移动设备上切换导航

在此过程中，你将使用 CSS 和 JavaScript 来实现自适应屏幕尺寸变化和用户输入的响应式设计。