签到：单元 3 - 组件

现在你已经有了在网站上生成整个页面的 .astro 和 .md 文件，是时候使用 Astro 组件制作和重用较小的 HTML 了！

¥Now that you have .astro and .md files generating entire pages on your website, it’s time to make and reuse smaller bits of HTML with Astro components!

展望未来

¥Looking ahead

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

¥In this unit, you’ll learn how to create Astro components to reuse code for common elements across your website.

你将构建：

¥You’ll build:

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

在此过程中，你将使用 CSS 和 JavaScript 构建响应式设计，对屏幕尺寸和用户输入做出反应。

¥Along the way, you’ll use CSS and JavaScript to build a responsive design that reacts to screen sizes and user input.

清单

¥Checklist

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