签到：单元 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