爱意满满的作品展示区。
WJZ0821

✨我把 GitHub 贡献记录变成了《我的世界》!快来锻造你的专属数据卡片 ⛏️

  •  3
     
  •   WJZ0821 · Mar 15 · 2005 views
    This topic created in 235 days ago, the information mentioned may be changed or developed.

    image|667x500

    开门见山,我最近花了点时间结合 AI 写了一个小项目,能根据 GitHub 的历史贡献生成用于 readme 或者个人网站的 svg 图,支持下载到本地或直接根据 url 引用。

    Github 仓库地址

    点我在线体验网站

    下面简单给大家看看效果吧,一共分为四种类型

    根据过去一年的 commit ,生成方块风格的统计热力图:

    图片 缺点是如果 commit 跟我一样比较多,1k 以上的话会稍卡,并且支持传入 animation 的开关,开启开关后方块会有上下浮动的效果,但是会更卡。所以默认是不开动画的。

    旗帜展示

    旗帜展示 commit旗帜展示 star旗帜展示粉丝

    还有其他的一些如 pr 的数据,这里就简单放 3 个。

    玩家护照

    玩家护照

    仓库概要

    repoSum

    其他

    项目是部署在 cloudfalre 上的,本来是用的 next 开发,打算放在 vercel 上,但是看 cf 最近新出了个框架叫 vinext ,基本支持 next 框架的无缝迁移,这样使用 vinext 的话可以一键部署到 cloudflare 上,享受更高的免费额度(每天十万次请求)

    做的过程中也是一种学习的过程,学到了不少比如文字烘焙,svg 动画,资源跨域处理等方面的知识,收获颇丰。

    大概就是这样了,主要是放在 readme 里面美化主页用的,希望大家多提意见,多点点 star~

    6 replies  •  2026-03-18 17:17:33 +08:00
    est
    est
    Mar 15
    1
    svg 不错
    Oceanhime
    Oceanhime
    Mar 15
    2
    支持一下,创意很不错而且 SVG 写的也蛮好的 很有感觉
    WJZ0821
    WJZ0821
    OP
    Mar 15
    3
    @Oceanhime
    @est 谢谢两位支持~
    imba97
    imba97
    Mar 15
    4
    真不错
    marcong95
    marcong95
    Mar 16
    5
    我的就像一滩水上好像随意放了 3 坨土方块(捂脸跑开
    WJZ0821
    WJZ0821
    OP
    Mar 18
    6
    @marcong95 哈哈可能还是要多一点 commits 才会比较好看
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2713 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 13:31 · PVG 21:31 · LAX 05:31 · JFK 08:31
    ♥ Do have faith in what you're doing.