个人卡片工作台

GitHub 个人卡片生成器

用实时 GitHub 数据设计个人卡片。在链接中加一个词即可打开画布,再导出用于 README、作品集或社交平台。

用户名或链接

链接小技巧

在 GitHub 链接的“github”后加上“card”,其余部分保持不变。

githubcard.com/torvaldsgithub.com/torvalds 变为 githubcard.com/torvalds。

02设计画布

展示你在 GitHub 上的作品。

GitHubCard 读取公开 GitHub 数据,让你在画布上自由组织个人展示内容。

常用个人资料组件

  • 显示关注者、仓库和 Star 数量的 GitHub 统计卡片
  • 连续贡献天数和活动图组件
  • 常用语言卡片、条形图和环形图
  • 个人资料、简介、所在地和自定义文字
  • 精选仓库和贡献热力图

设计画布

画布编辑器

在画布上排列个人资料组件,无需手动拼接徽章和链接参数。

数据组件

20 多项个人资料数据

把统计、连续贡献、语言、仓库、活动和自定义文字放在一张卡片上。

导出格式

SVG 和 PNG

在 README 中使用清晰的 SVG,或导出固定 PNG 用于作品集、简历和社交预览。

03导出与嵌入

为你的 README 做一张卡片。

在 GitHub README 中使用实时 SVG;需要固定图片的平台可使用 PNG。

用于 GitHub README 的 SVG

SVG 在高分辨率屏幕上依然清晰,适合 Markdown、文档和作品集页面。

![GitHub profile card](https://githubcard.com/yourname.svg)

用于社交预览的 PNG

为博客封面、项目发布、简历,或 SVG 预览不稳定的平台导出固定 PNG 图片。

04使用指南

先规划个人展示,再挑选组件。

阅读 README 内容规划指南,或比较不同统计徽章工具。

先确定要展示什么

先想清楚 README 要传达的内容,再调整组件、统计和导出格式。

阅读个人 README 创意
05使用方法

三步把 GitHub 链接变成卡片。

第 01 步

在链接中添加 card

打开 GitHub 个人主页链接,在 github 后加上 card,或直接输入用户名。

第 02 步

规划个人展示内容

选择能介绍你的组件:活动、语言、仓库和个人说明。

第 03 步

导出用于 README

发布或下载卡片,放入个人 README、网站、作品集或项目发布文章。

06常见问题

个人卡片常见问题

GitHub 统计卡片或个人卡片能显示什么?

你可以组合 GitHub 统计、连续贡献天数、常用语言、个人资料、精选仓库、活动图和自定义文字等组件。

可以把个人卡片嵌入 GitHub README 吗?

可以。导出或发布设计后,将 SVG 链接作为 Markdown 图片插入个人或项目 README、作品集或博客。

卡片会自动更新吗?

默认卡片链接使用实时 GitHub 数据,并通过缓存提升性能。已发布的快照链接适合需要固定呈现效果的嵌入场景。

创建卡片需要登录吗?

无需登录即可预览默认卡片。保存、发布、更新或管理自定义设计时,需要使用 GitHub 登录。

现在就开始

为你的 README 设计个人卡片。

输入 GitHub 用户名或粘贴个人主页链接,打开已载入实时数据的画布。