在你的 GitHub README 中展示你的 Credly 认证

Source: Dev.to

概览

如果你在 Credly 上拥有认证并想在 GitHub 个人资料中展示它们，一个开源工具可以让这变得极其简单。
它提供免费 API，获取你的 Credly 徽章并渲染为动态 SVG 卡片。只需在 README 中添加一行 markdown，徽章即可自动显示。

卡片类型

• 统计卡片 – 徽章统计的摘要。
• 徽章网格 – 以可视化网格形式展示你的徽章。
• 时间线 – 成就的时间顺序视图。
• 轮播 – 动画滑动徽章（纯 CSS，无 JavaScript）。
• 概览 – 结合统计和轮播。

入门指南

1. 查找你的 Credly 用户名 – 它是个人资料链接中 credly.com/users/ 之后的部分。
   示例：https://credly.com/users/YOUR_USERNAME
2. 使用交互式生成器 – 前往 选择卡片类型、主题和选项。
3. 复制生成器生成的 markdown 并粘贴到你的 README 中。

示例 Markdown

![Credly Stats](https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME&theme=tokyonight)

将 YOUR_USERNAME 替换为你的实际 Credly 用户名，并选择任意支持的主题。

主题

支持的主题包括：

• tokyonight
• dracula
• nord
• catppuccin_mocha
• catppuccin_latte
• radical
• synthwave
• rose_pine
• github_dark
• github_light
• gruvbox
• onedark
• cobalt
• aura
• neon
• react
• vue
• merko
• …以及更多。

你也可以通过查询参数设置自定义十六进制颜色和渐变背景。

自适应暗/亮模式示例

<img src="https://credly-readme-stats.onrender.com/api/stats?username=YOUR_USERNAME" alt="Credly Stats">

许可证与贡献

该项目采用 MIT 许可证，拥有 94 % 的测试覆盖率（416 个测试），使用 Hono、TypeScript 和 Astro 构建。欢迎贡献。

GitHub 仓库: https://github.com/ebenezer-isaac/credly-readme-stats