让你的Github主页更有极客范

本文介绍了AZCodingAccount的github-readme-stats-plus项目,一个基于React和AntDesignpro的工具,用于快速生成个性化的Github状态卡片和徽章。它简化了配置过程,提供预览功能,集成了多种Github统计项目,尤其针对阅读官方文档困难的问题做了优化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Github项目地址:GitHub - AZCodingAccount/github-readme-stats-plus: 一个基于React+Ant Design pro的可视化的Github状态卡片生成器

网站地址:https://tools.bugdesigner.cn

项目介绍

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

页面效果预览

image-20240429201941171

为什么使用

首先大家需要明确一点,上述那些好看的徽标、卡片实际上都是图片。有些的数据是动态的,就是定期从github官方暴露出的api拿到用户相关参数。有想进一步了解的可以参考官方api文档GitHub REST API 文档 - GitHub 文档

本项目其实就是根据图形化用户选择的表单配置项对参数进行了拼接,那有些人可能会说,那我用你的网站干啥,我自己去官方文档里面找不就好了,还能更加全面。

此言差矣,根据我多年瞎搞的经验来说,阅读官方文档是很痛苦的事情,大多数工具类项目还遵循91法则,并且项目提供的90%的配置项你的场景可能只有10%能用到。更何况这些开源项目几乎全是国外的,要么中文文档很少,要么直接没有,机翻还容易变味。

言归正传,说了这么多,我的项目优势是什么?

  1. 集成了github主流的状态统计项目,包括但不限于65kstar的github-readme-stats、23kstar的shields

  2. 做减法。剔除了许多配置项,只保留作者认为的常用的一些配置项

  3. 图形化界面,所见即所得

项目预览

卡片生成页

image-20240417123549966

徽章生成页

image-20240417123700224

第三方项目

image-20240417123727256

最后

本项目是作者4天完成的项目,是为了练习React、zustand、Ant design pro的使用,因此代码写的很烂,组件化、扩展性考虑的也不太到位,如果有也在学习React感兴趣的小伙伴可以fork仓库,提一下PRissue什么的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值