你已经可以用 .astro
和 .md
文件在你的网站上生成出整个页面了,现在是时候通过 Astro 组件来创建并复用一些 HTML 片段了!
在本单元中,你将学习如何创建 Astro 组件 以在整个网站上重复使用常见元素的代码。
你将构建:
- 显示页面链接菜单的导航组件
- 包含在每个页面底部的页脚组件
- 在页脚中使用的社交媒体组件,链接到个人资料页面
- 一个可交互的汉堡包组件,用于在移动设备上切换导航
在此过程中,你将使用 CSS 和 JavaScript 来实现自适应屏幕尺寸变化和用户输入的响应式设计。
Tutorials