AZCodingAccount / github-readme-stats-plus

一个基于React+Ant Design pro的可视化的Github状态卡片生成器

Github-readme-stats++

项目介绍

​ 本项目用来为 Github 开发者可视化生成个性的Github信息统计卡片、徽章、第三方项目统计信息等。无需阅读项目复杂的配置文档，并有预览功能实现所见即所得的效果。项目集成多个Github 优秀的开源项目，并为用户做减法剔除了一些配置项。

项目预览

卡片生成页

徽章生成页

第三方项目

基于的开源项目

• 卡片生成 anuraghazra/github-readme-stats

• 徽章生成 badges/shields

• wakatime 徽章 WakaTime - Dashboards for developers

• 访问量徽章 antonkomarev/github-profile-views-counter

• streak-stats DenverCoder1/github-readme-streak-stats

• 奖杯 ryo-ma/github-profile-trophy

项目实现方案

​ 本项目采用 React+ Ant Design Ant Design pro+zustand 实现，没有后端，信息存储到用户本地，主要是可视化界面部分，实际上的底层原理是用户勾选以后程序自动将所需参数拼接到 url 后面，达到所见即所得的效果，调整完毕后让用户将代码直接复制到 md 文档即可，不需阅读复杂的项目文档即可实现自己想要的定制化功能。

需求分析

1. Github 统计卡

   • 更换语言
   • 隐藏部分信息
   • 更换主题

2. 热门语言卡

   • 更换语言
   • 显示语言的个数
   • 更改语言显示主题

3. wakatime 卡片（未实现、wakatime 官网的统计足够详细，若仍需，请反馈）

   • 显示的语言个数
   • 主题配置

4. 徽章制作

   • wakatime 徽章制作
   • 热门语言徽章制作
   • profile views 徽章制作

5. 第三方开源项目集成（集成优秀开源项目的基础用法）

最后

项目并未十分完善，欢迎PR、issue