gh-card 开源项目推荐一行链接生成 GitHub 仓库卡片【免费下载链接】gh-card:octocat: GitHub Repository Card for Any Web Site项目地址: https://gitcode.com/gh_mirrors/gh/gh-card想在自己的博客或简历里放一张 GitHub 仓库卡片却不想截图、不想手动更新数据开源项目 gh-card 就是为这个场景准备的它把仓库信息压缩成一行图片链接随时调用风格与 GitHub 官方仓库卡片几乎一致。别急着截图你八成踩过这些坑写技术分享时想把某个仓库展示给读者先打开页面截图再裁边、缩图、压体积折腾半天。更麻烦的是仓库的 star 数、描述一旦更新截图立刻过期又得重截一遍。说到底我们缺的不是截图能力而是一张会自动刷新、随取随用的仓库卡片。gh-card 的思路和 Travis CI 的状态徽章类似——把生成数据图这件事整个交给一个网址来完成。三步把仓库卡片贴进你的博客使用方式简单到让人怀疑 不需要注册不需要申请 API Key只需要拼一个图片链接。确定仓库名比如nwtgck/piping-server拼出链接/repos/nwtgck/piping-server.svg把它当作普通图片贴进 Markdown 或 HTML。项目自带演示工具frontend/src/components/GhCardGenerator.vue输入user/repo点 Generate就会同时给出 SVG、PNG 两种格式的链接连 Markdown、HTML 嵌入代码都替你拼好了。它背后其实只做了三件事原理并不玄乎服务端代码都在backend/src下一看就懂取数后端收到请求先查 Redis 缓存没有就去调用 GitHub API 拉取仓库 JSON画卡svg-generator.tsx用 React 把数据渲染成 SVG仓库名可点击、描述支持 emoji、语言还带官方配色圆点提速JSON 与 PNG 卡片都在 Redis 里缓存约 20 分钟重复请求不会反复骚扰 GitHub 接口。需要控制点击行为时还能用?link_target参数指定打开方式。整套服务用 Docker 编排docker-compose.yml前端 Vue、后端 TypeScript结构干净利落。一张卡片能嵌进哪些地方因为输出就是一张普通图片它的去处几乎没有限制个人主页和简历、技术博客的文章配图、开源项目 README、论坛签名甚至 Scrapbox 都能直接挂。所谓网页嵌入仓库信息说到底不过是一个img标签的事。写在最后告别截图让链接替你自我介绍GitHub 官方至今没有提供这种官方仓库卡片能力gh-card 提前把它补齐了。下一次想在博客展示 GitHub 项目别再打开截图软件——复制一行链接它会实时替你说话。想自己部署或动手改进clone 下来看看git clone https://gitcode.com/gh_mirrors/gh/gh-card源码不长值得花十分钟通读一遍。说不定下一张好用的卡片就出自你的 fork。【免费下载链接】gh-card:octocat: GitHub Repository Card for Any Web Site项目地址: https://gitcode.com/gh_mirrors/gh/gh-card创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考