本文介绍了一个名为Awesome GitHub Repository Showcase的自动化平台，旨在帮助开发者优雅地管理和展示收藏的GitHub仓库。该项目利用GitHub Actions每天自动更新用户Star过的项目，并部署到GitHub Pages，实现全自动化。平台提供智能搜索、语言过滤、多种排序方式、响应式设计以及精美动画等功能，用户只需简单配置即可拥有自己的仓库展示平台，无需编写代码。文章详细阐述了项目背景、核心理念、功能特性以及详细的部署步骤，包括申请GitHub API密钥、配置环境变量和开启GitHub Pages等，旨在为开发者提供一个高效、美观的开源项目管理和分享解决方案。

🌟 **自动化项目管理与展示**：该项目核心在于利用GitHub Actions自动化管理用户收藏的GitHub仓库。通过每日更新用户Star过的项目，并自动部署到GitHub Pages，极大地简化了开发者整理和分享有价值代码仓库的流程，实现了从收藏到展示的全自动化。

💡 **强大的功能集**：平台集成了多项实用功能，包括支持多关键词的智能搜索、按编程语言的快速过滤、多种排序方式（如星标数、更新时间）、响应式设计以适配不同设备，以及性能优化的虚拟滚动和懒加载。此外，还提供完整的键盘导航和快捷键支持，以及流畅的精美动画，提升用户体验。

🚀 **简便的部署流程**：用户无需编写任何代码即可快速部署自己的仓库展示平台。只需Fork项目，申请GitHub API密钥并配置为仓库环境变量，然后在GitHub Pages设置中选择通过GitHub Actions部署，最后手动触发更新工作流即可完成部署，整个过程清晰易懂，大大降低了使用门槛。

✨ **美观且实用的用户界面**：项目参考了现代化的设计语言和用户体验最佳实践，旨在以最美观、最直观的方式呈现优秀的开源项目。用户还可以选择简洁的页面风格，满足个性化需求，使得发现、整理和分享代码仓库的过程更加愉悦和高效。

项目背景

随着使用 GitHub 的时间越来越长 Star 的项目也越来越多，经常想要搜索一个自己之前点赞的项目，发现找起来很麻烦（不知道大家有没有相同的困惑，所以就想把它们管理起来，本项目通过 GitHub Actions 每天自动更新昨天 Star 过的项目，更新之后自动部署到 GitHub Pages ，实现全自动化！

项目地址： https://github.com/tonngw/awesome-github-repos

演示地址 [ PC 端体检更佳] : awesome.tonngw.com

如果你喜欢简洁的页面风格可以使用 index-simple.html演示地址：awesome.tonngw.com/index-simple.html

📖 项目简介

Awesome GitHub Repository Showcase 是一个现代化的 GitHub 仓库展示平台，专为开发者设计，用于优雅地展示和管理收藏的开源项目。

🎯 核心理念: 让优秀的开源项目以最美观、最直观的方式呈现，帮助开发者更好地发现、整理和分享有价值的代码仓库。

💡 设计灵感: 参考了现代化的设计语言和用户体验最佳实践，打造出既美观又实用的展示平台。

✨ 功能特性

🔍 智能搜索: 实时搜索仓库名称、描述、主题标签和作者，支持多关键词

🏷️ 语言过滤: 按编程语言筛选仓库，提供快速过滤按钮和分类视图

📊 多种排序: 支持按星标数、名称、更新时间等多种方式排序

📱 响应式设计: 完美适配桌面、平板和移动设备

⚡ 性能优化: 使用防抖搜索、虚拟滚动和懒加载优化性能

♿ 快捷支持: 完整的键盘导航和快捷键支持

🎨 精美动画: 流畅的过渡动画和微交互效果

🚀 快速开始

只需要简单几步配置，你就可以拥有一个属于自己的 Awesome GitHub Repository Showcase 平台，不需要写一行代码。

1. fork 项目

项目地址： https://github.com/tonngw/awesome-github-repos

2. 环境配置

首先需要申请一个 GitHub API 秘钥，至少需要仓库读写权限（如果你不知道选择什么权限，建议多选择一些），申请地址： https://github.com/settings/tokens至少需要仓库权限和 Workflow 工作流权限，把生成的秘钥保存好下面要用。

开启 GitHub Actions 工作流可以看到两个工作流，一个是获取仓库数据，一个是部署到 GitHub Pages 。update awesome list 工作流需要手动开启。

配置仓库环境变量，操作路径 Settins -> Secrets and varabiles -> Repository secrets， 添加变量 API_TOKEN 把刚才我们申请的 GitHub API 秘钥填入。

3. 开启 GitHub Pages 功能

开启 GitHub Pages 功能，操作路径 Settings -> Pages -> Source -> GitHub Actions，使用 GitHub Actions 部署。如果你有域名的话可以设置自己域名访问更加方便。

4. 最后一步

点击 Actions 标签，找到 update awesome list 工作流，点击 Run workflow 按钮。假想敌等待自动执行完成。

如果 Deploy static content to Pages 工作流执行顺利的话，会生成一个项目地址，点击就可以看到我们部署的页面了。

按照以上步骤操作完成之后，那么恭喜你已经成功部署完成了！

新人分享，如果对大家有帮助的话，可以给项目点个 Star ，感谢~ https://github.com/tonngw/awesome-github-repos