{"id":42006233,"url":"https://github.com/tonngw/awesome-github-repos","last_synced_at":"2026-02-05T01:00:59.483Z","repository":{"id":304687088,"uuid":"1019622726","full_name":"tonngw/awesome-github-repos","owner":"tonngw","description":"🚀 A curated collection of awesome GitHub repositories, organized by language and topic from my starred projects. Modern, elegant platform for showcasing your starred GitHub repositories.","archived":false,"fork":false,"pushed_at":"2026-01-26T01:01:06.000Z","size":4439,"stargazers_count":49,"open_issues_count":0,"forks_count":31,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-01-26T16:37:02.814Z","etag":null,"topics":["awesome-github-repos","css3","github-action","github-pages","html5","javascript"],"latest_commit_sha":null,"homepage":"https://awesome.tonngw.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tonngw.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-07-14T16:00:22.000Z","updated_at":"2026-01-26T01:01:09.000Z","dependencies_parsed_at":"2025-12-03T09:02:15.633Z","dependency_job_id":null,"html_url":"https://github.com/tonngw/awesome-github-repos","commit_stats":null,"previous_names":["tonngw/awesome-github-repos"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tonngw/awesome-github-repos","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tonngw%2Fawesome-github-repos","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tonngw%2Fawesome-github-repos/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tonngw%2Fawesome-github-repos/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tonngw%2Fawesome-github-repos/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tonngw","download_url":"https://codeload.github.com/tonngw/awesome-github-repos/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tonngw%2Fawesome-github-repos/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29105268,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T00:52:08.035Z","status":"ssl_error","status_checked_at":"2026-02-05T00:52:07.703Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome-github-repos","css3","github-action","github-pages","html5","javascript"],"created_at":"2026-01-26T02:00:36.149Z","updated_at":"2026-02-05T01:00:59.461Z","avatar_url":"https://github.com/tonngw.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./assets/logo-banner.svg\" alt=\"Awesome GitHub Repository Showcase\" width=\"400\"/\u003e\n  \n  # 🚀 Awesome GitHub Repository Showcase\n  \n  *A modern, elegant platform for showcasing your starred GitHub repositories*\n  \n  [![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)\n  [![Made with Love](https://img.shields.io/badge/Made%20with-❤️-red.svg)](https://github.com/tonngw)\n  [![Vanilla JS](https://img.shields.io/badge/Vanilla-JavaScript-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n  [![CSS3](https://img.shields.io/badge/CSS3-Responsive-blue.svg)](https://developer.mozilla.org/en-US/docs/Web/CSS)\n  \n  [🌟 Live Demo](https://awesome.tonngw.com) | [📖 Documentation](#) | [🤝 Contributing](CONTRIBUTING.md)\n  \n  [English](#) | [中文](#)\n\u003c/div\u003e\n\n---\n\n### 📖 项目简介\n\n**Awesome GitHub Repository Showcase** 是一个现代化的GitHub仓库展示平台，专为开发者设计，用于优雅地展示和管理收藏的开源项目。\n\n🎯 **核心理念**: 让优秀的开源项目以最美观、最直观的方式呈现，帮助开发者更好地发现、整理和分享有价值的代码仓库。\n\n💡 **设计灵感**: 参考了现代化的设计语言和用户体验最佳实践，打造出既美观又实用的展示平台。\n\n![project](https://cdn.nlark.com/yuque/0/2025/png/1863084/1753015075615-429490c5-ec3d-46fd-b8fd-15413768e2fd.png?x-oss-process=image%2Fformat%2Cwebp)\n\n\u003cdetails\u003e\n  \u003csummary\u003e如果你喜欢简洁的页面风格可以使用 \u003ccode\u003eindex-simple.html\u003c/code\u003e\u003c/summary\u003e\n  \u003cimg src=\"https://ik.imagekit.io/tonngw/ZFvz7Wk-RUk56ZSCg14xCt6ZZtYvnHnGNo5HaRnA7YM.png\" alt=\"截图\" style=\"max-width:600px\"\u003e\n\u003c/details\u003e\n\n### ✨ 功能特性\n\n- 🔍 **智能搜索**: 实时搜索仓库名称、描述、主题标签和作者，支持多关键词\n- 🏷️ **语言过滤**: 按编程语言筛选仓库，提供快速过滤按钮和分类视图\n- 📊 **多种排序**: 支持按星标数、名称、更新时间等多种方式排序\n- 📱 **响应式设计**: 完美适配桌面、平板和移动设备\n- ⚡ **性能优化**: 使用防抖搜索、虚拟滚动和懒加载优化性能\n- ♿ **快捷支持**: 完整的键盘导航和快捷键支持\n- 🎨 **精美动画**: 流畅的过渡动画和微交互效果\n\n### 🛠️ 技术栈\n\n| 类别 | 说明 |\n| :--- | :--- |\n| 前端 | 原生 HTML5 + CSS3 + JavaScript (ES6+) |\n| 样式 | CSS Grid + Flexbox，CSS 自定义属性 |\n| 字体 | Inter 字体家族 |\n| 图标 | SVG 图标 |\n| 部署 | GitHub Action + GitHub Pages |\n\n### 🚀 快速开始\n\n\u003e 只需要简单几步配置，你就可以拥有一个属于自己的 Awesome GitHub Repository Showcase 平台，不需要写一行代码。\n\n#### 1. **fork 项目**\n项目地址：https://github.com/tonngw/awesome-github-repos\n![Fork](https://ik.imagekit.io/tonngw/bdNMYe1Y_xYMD6RxAeQNQFycuvUa6lEZHamC-ZVaVfo.png)\n\n#### 2. 环境配置\n\n- 首先需要申请一个 GitHub API 秘钥，至少需要仓库读写权限（如果你不知道选择什么权限，建议多选择一些），申请地址：https://github.com/settings/tokens\n![github api token](https://ik.imagekit.io/tonngw/CxY86LZAxwk5bVGRfcXazNfJ8b6a2Z8S4y02aK1bfgk.png)\n至少需要仓库权限和 Workflow 工作流权限，把生成的秘钥保存好下面要用。\n![permisson](https://ik.imagekit.io/tonngw/iW4gp7_h4bSKE4RrIJNz8PlPdScIGLGMAFgkYWflisE.png)\n\n- 开启 GitHub Actions 工作流\n![github actions](https://ik.imagekit.io/tonngw/KHrtz6OKqJR163jFX7WSWzhyPH5HOlBNtsQ0cGYQQsY.png)\n可以看到两个工作流，一个是获取仓库数据，一个是部署到 GitHub Pages。update awesome list 工作流需要手动开启。\n![workflow](https://ik.imagekit.io/tonngw/JRl7Iss4haO4b7MBBJR2x952j-Hhhn7UeHiwpt_CvgY.png)\n\n- 配置仓库环境变量，操作路径 `Settins -\u003e Secrets and varabiles -\u003e Repository secrets`， 添加变量 `API_TOKEN` 把刚才我们申请的 GitHub API 秘钥填入。\n![secrets](https://ik.imagekit.io/tonngw/__yp-4UTtYIWxQGM2fUNekzpmS9A_aW8_sVCQV1MojA.png)\n\n#### 3. 开启 GitHub Pages 功能\n\n- 开启 GitHub Pages 功能，操作路径 `Settings -\u003e Pages -\u003e Source -\u003e GitHub Actions`，使用 GitHub Actions 部署。\n![github pages](https://ik.imagekit.io/tonngw/tUpMc0CyiX5ZxDeiKhjciqjdMJUvZMrSRW3S3LI5Lio.png)\n如果你有域名的话可以设置自己域名访问更加方便。\n\n#### 4. 最后一步\n\n点击 `Actions` 标签，找到 `update awesome list` 工作流，点击 `Run workflow` 按钮。假想敌等待自动执行完成。\n\n![run](https://ik.imagekit.io/tonngw/okNu4mVvEDKRzqf2wFzr1iCqixfPFgD4jP5e_KHL2tc.png)\n\n如果 `Deploy static content to Pages` 工作流执行顺利的话，会生成一个项目地址，点击就可以看到我们部署的页面了。\n![page](https://ik.imagekit.io/tonngw/yflGqnAxtg79H2bzybyHokte4ZzctA7qAlIC7MVGFqo.png)\n\n\u003e 按照以上步骤操作完成之后，那么恭喜你已经成功部署完成了！\n\n### 🔧 功能配置\n\n#### 搜索功能\n- 支持模糊搜索和多关键词搜索\n- 搜索范围：仓库名称、描述、主题标签、作者\n- 防抖延迟：200ms\n\n#### 排序选项\n- 🕒 最近收藏 (默认)\n- ⭐ 星标数量 (高到低)\n- ⭐ 星标数量 (低到高)\n- 📝 名称 (A到Z)\n- 📝 名称 (Z到A)\n- 🕒 最近更新\n- 🆕 最近创建\n\n#### 语言分类\n- 📊 热门语言 (按仓库数量排序)\n- 🕒 最近语言 (按在data.json中的出现顺序)\n\n#### 快捷键\n\n\n  - `Ctrl/Cmd + K` - 快速聚焦搜索框\n  - `Ctrl/Cmd + L` - 切换语言分类模式\n  - `Ctrl/Cmd + R` - 清除所有过滤条件\n  - `Escape` - 清空搜索内容\n  - `Tab` / `Shift + Tab` - 在元素间切换焦点\n  - `Arrow Keys` - 在仓库卡片间导航\n  - `Enter` / `Space` - 激活当前焦点元素\n\n### 📱 响应式设计\n\n- **桌面**: ≥ 1200px (3列网格)\n- **平板**: 769px - 1024px (2列网格)\n- **手机**: ≤ 768px (1列网格)\n\n### 🤝 贡献指南\n\n1. Fork 本仓库\n2. 创建特性分支 (`git checkout -b feature/AmazingFeature`)\n3. 提交更改 (`git commit -m 'feat: Add some AmazingFeature'`)\n4. 推送到分支 (`git push origin feature/AmazingFeature`)\n5. 开启 Pull Request\n\n### 📄 许可证\n\n本项目采用 MIT 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情\n\n### 🙏 致谢\n\n- [mawesome](https://github.com/simonecorsi/mawesome) - 获取仓库数据的工作流\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftonngw%2Fawesome-github-repos","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftonngw%2Fawesome-github-repos","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftonngw%2Fawesome-github-repos/lists"}