项目

本网站的改造项目：以 Astro 为基础，加入中文内容结构、项目记录、RSS、Sitemap 和阿里云静态部署配置。

待替换项目：用来整理技术文章、书籍和实践笔记的轻量工具，重点记录信息结构和搜索体验。

待替换项目：围绕图片压缩、格式转换和批量处理搭建的小型前端工具，关注反馈、错误状态与性能。

用 Markdown 内容集合、布局和静态路由搭建一个可维护的技术内容站。

从官方博客模板理解文章列表、详情页、标签和 RSS 的组合方式。

把本地 Markdown 文件按主题、标签和时间组织，练习内容模型和检索入口。

为静态内容生成 RSS，让订阅者可以用阅读器跟踪更新。

为内容页生成可抓取的 Sitemap，练习路由枚举和部署后的 URL 检查。

从内容 frontmatter 聚合标签，形成标签总览和标签详情页。

先用静态 JSON 生成搜索索引，再比较客户端搜索和服务端搜索的取舍。

围绕格式转换、尺寸控制、错误状态和批量处理设计一个小工具。

把 URL、标题、标签和备注组成可筛选的个人资料库。

记录文章状态、阅读时间和下一步，练习状态建模与渐进式披露。

展示资源大小、加载时间和核心指标，练习 Performance API 的采集与展示。

实现按钮、对话框、菜单和 Tabs，并验证键盘焦点和语义属性。

用移动优先布局展示项目、技术栈和过程记录，重点验证不同视口的阅读顺序。

用 Service Worker 缓存文章壳层，观察离线状态和缓存更新策略。

用实时连接同步简单状态，补充心跳、重连和断线提示。

封装请求、状态码、超时和错误模型，形成一套可复用的接口调用层。

从原生约束校验开始，补充错误提示、焦点跳转和提交状态。

处理拖拽区域、文件类型、大小限制和上传进度等交互状态。

练习鼠标与触摸事件、画布坐标换算和图片导出。

把计算任务移到 Worker，比较主线程阻塞和异步通信的差异。

为列表、分页、筛选和详情状态定义类型，观察类型如何影响组件边界。

用 Vite 配置多个入口，比较多页面输出与单页面应用的构建结果。

覆盖首页、导航、主题切换和移动端关键路径，形成发布前的自动检查。

以报告数据为依据优化图片、字体、布局稳定性和无障碍问题。

提交代码后自动执行检查和构建，保证产物可以在干净环境中生成。

用多阶段构建生成静态产物，再用 Nginx 镜像提供访问服务。

配置域名、证书、静态目录和缓存规则，记录从请求到文件返回的链路。

在后端未完成时模拟成功、空数据、慢响应和错误响应，提前验证界面状态。

为按钮、标签、列表和空状态补充使用示例，减少重复沟通。

用 Manifest V3 保存当前页面标题和 URL，练习扩展权限与消息通信。