# Littlebird.ai 静态首页重建

> 依据捕获的标记与资源，用原生 HTML/CSS/JavaScript 重建 Littlebird.ai 首页；源码实现移动导航、FAQ 展开、滚动显现及随操作系统变化的按钮展示。它是范围明确的网页重建案例，不涵盖未捕获路由或产品本身的功能。

- 类型：案例
- 目标：网站
- 类别：独立重建案例
- 关联：独立重建项目
- 来源复核于：2026-10-20
- 收录于：2026-10-20
- 原始资源：<https://github.com/AkashNaickar/crdb-sample-frontend>
- 一手来源：<https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/README.md>
- 目录页面：<https://awesomerea.org/zh/resources/littlebird-static-rebuild-case/>
- 记录 JSON：<https://awesomerea.org/resources/littlebird-static-rebuild-case/record.json>
- 英文版：[English](https://awesomerea.org/resources/littlebird-static-rebuild-case/index.md)

## 使用条件与局限

- 捕获范围仅为首页及五个嵌入式演示；定价、博客等未捕获路由缺失，若干下载控件为占位链接。它不复现 Littlebird 桌面／移动应用或后端。
- 交付页面采用原生 HTML/CSS/JavaScript，无构建步骤；文档中的本地预览与资源完整性测试使用 Node.js 20+ 及其标准库。
- 原有 npm test 检查本地资源引用、基本文件与嵌入页面完整性，以及对被忽略捕获目录的独立性。
- MIT 文件覆盖仓库代码；README 明确指出捕获的第三方字体、图像、标记与文案不属于该授权，并将项目界定为非官方学习重建。

## 一手来源

1. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/README.md>
2. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/site/index.html>
3. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/site/js/main.js>
4. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/scripts/check-site.test.mjs>
5. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/package.json>
6. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/LICENSE>
7. <https://github.com/AkashNaickar/crdb-sample-frontend/blob/673dc8c8d93b4f8a13257604749b638adf146298/CONTRIBUTING.md>

## 同分区更多条目：网站

- [Sheypoor MCP：从浏览器流量还原分类信息网站接口](https://awesomerea.org/zh/resources/sheypoor-mcp-case/index.md) · 案例
- [ZCode-Android：重建 ZCode 远程控制客户端](https://awesomerea.org/zh/resources/zcode-android-case/index.md) · 案例
- [Power BI API Scraper：解析公开报表查询格式](https://awesomerea.org/zh/resources/power-bi-report-query-case/index.md) · 案例
- [webcrack](https://awesomerea.org/zh/resources/webcrack/index.md) · 工具
- [humanify JavaScript 标识符重命名工具](https://awesomerea.org/zh/resources/humanify/index.md) · 工具
- [WABT](https://awesomerea.org/zh/resources/wabt/index.md) · 工具

## 关于此条目

说明已依据一手来源复核。
原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。