示例与模板

GitHub 个人 README 示例与模板

查看用 GitHubCard 制作的真实个人卡片、对应模板,以及可直接放入 README 的 Markdown。

用户名或链接

链接小技巧

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

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

02示例

来自真实开发者的个人卡片。

以下卡片使用实时 GitHub 数据从 GitHubCard 导出。免费导出保留小型 githubcard.com 水印。

torvalds 的 GitHub 个人 README 示例
@torvalds — 统计、连续贡献天数和贡献热力图
xiaolai 的 GitHub 个人 README 示例
@xiaolai — 深色个人资料与连续贡献
chrisgrieser 的 GitHub 个人 README 示例
@chrisgrieser — 以统计为主的社交卡片
MK2112 的 GitHub 个人 README 示例
@MK2112 — 语言和活动概览
03模板

从模板开始。

这些布局可在个人卡片编辑器的模板栏中找到。选择模板后,可在画布上重新排列组件。

  • Minimal

    免费版

    以统计为主,搭配语言分布和连续贡献记录

    800×400

  • Compact

    免费版

    上下堆叠布局,包含完整统计与语言分布

    600×300

  • Detailed

    免费版

    全面展示语言和热门仓库

    1200×900

  • OG Standard

    免费版

    Open Graph 标准图片(1200×630,1.91:1)

    1200×630

  • Wide Banner

    免费版

    带语言图表的横向布局

    1400×500

  • Comprehensive

    免费版

    完整统计、贡献热力图与热门仓库

    1000×1000

  • Language Focus

    免费版

    展示你的编程语言

    900×600

  • Activity Tracker

    免费版

    贡献热力图、统计数据与活动图

    1100×600

  • GitHub Banner

    免费版

    GitHub 风格横幅(3.5:1 比例)

    700×200

  • GitHub Compact

    免费版

    紧凑 GitHub 个人卡片(1.7:1 比例)

    340×200

  • HD Desktop

    免费版

    全高清桌面壁纸(16:9)

    1920×1080

  • Standard HD

    免费版

    标准高清显示尺寸(16:9)

    1280×720

  • Large Square

    免费版

    适合社交媒体的大尺寸方形卡片

    1080×1080

  • Universal Portrait

    免费版

    两种编辑器均可使用的 2:3 竖向布局

    800×1200

  • Terminal Session

    免费版

    GitHub Dark 渐变背景,搭配黑客绿等宽字体布局

    1200×630

  • Neon Cyberpunk

    免费版

    近黑底色上的洋红与电光蓝光晕(1080×1080 方形)

    1080×1080

  • Neo-Brutalist

    免费版

    奶油色底、黑色粗硬字体与亮橙色点缀

    1200×630

  • Blueprint Schematic

    免费版

    工程制图网格,搭配青色技术线条(1200×900)

    1200×900

  • Git Diff

    免费版

    GitHub Dark 底色,搭配新增绿和删除红

    1200×630

  • Holographic

    免费版

    虹彩浅色渐变,与深色主题形成对照

    1200×630

  • Synthwave Sunset

    免费版

    适合 README 页眉的复古纵向日落渐变

    1400×500

  • Matrix Rain

    免费版

    纯黑底色上的 Matrix 绿,搭配稀疏下落代码纹理

    1200×630

  • Profile Instrument · Identity Ledger

    免费版

    暖色电子纸上的小字开发者身份记录

    1200×630

  • Profile Instrument · Impact Counter

    免费版

    橄榄色 LCD 信息卡,突出开源影响力

    1200×630

  • Profile Instrument · Activity Recorder

    免费版

    连续打印纸风格的贡献记录,包含 52 周活动

    1200×630

04复制粘贴

把代码片段放进 README。

将以下代码粘贴到与你的用户名同名的仓库中的 README.md。

Live profile card

使用实时 GitHub 数据的默认卡片。将 yourname 替换为你的用户名。

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

Centered with a fixed width

GitHub README 支持简单 HTML,可用来让卡片居中。

<p align="center">
  <img src="https://githubcard.com/yourname.svg" width="600" alt="GitHub profile card" />
</p>

Card that links to your designer page

给图片加上链接,方便读者打开完整卡片。

[![GitHub profile card](https://githubcard.com/yourname.svg)](https://githubcard.com/yourname/card)
05常见问题

README 模板常见问题

如何使用 GitHub 个人 README 模板?

输入 GitHub 用户名,打开编辑器,在模板栏中选择布局。系统会填入你的实时数据,导出前可移动组件或调整样式。

README 代码片段应该放在哪里?

创建与用户名完全同名的公开仓库,添加 README.md,再把 Markdown 图片代码粘贴到希望显示卡片的位置。

模板免费吗?

页面中的模板均标注了免费或 Pro。免费导出会带有小型 githubcard.com 水印。Pro Lifetime 一次支付 19 美元,可去除水印并使用高级背景和字体。

现在就开始

选一个模板,做成自己的卡片。

输入 GitHub 用户名,即可打开已载入实时数据和全部模板的编辑器。