关于这个项目

一个入口，多种实验

作业从网页布局延伸到数据可视化。每章拥有独立页面，共享导航与基础样式，正文和交互区域则根据内容自由组织。

构建与内容

网站使用 Astro 构建，输出可直接托管的 HTML、CSS 和 JavaScript，不依赖运行中的后端服务。作业通过 /hw01/ 至 /hw10/ 访问。

教程使用 MDX 编写，将文字、代码和交互组件放在同一份内容中。概念小节通过“讲解 / 关键代码 / 展示”三个标签连接原理与实践，各小节独立切换。

界面与阅读体验

Tailwind CSS 负责样式工具，Starwind UI 提供按需使用的交互组件。代码块由 Expressive Code 处理，支持语法高亮、文件名与复制；界面图标按需使用 Lucide。

文档目录由自定义 remark 插件在构建时提取，只收集标签页外的小节标题。目录组件负责锚点导航和阅读位置高亮，在手机上折叠显示。

项目仓库

更多记录

课程之外的文章与资料，可以在 我的博客（在新标签页打开） 和 档案库（在新标签页打开） 找到。