GitHub README에 Credly 인증서 전시하기

Source: Dev.to

Overview

Credly에 인증서가 있고 이를 GitHub 프로필에 보여주고 싶다면, 오픈소스 도구 하나로 아주 간단하게 할 수 있습니다.
이 도구는 Credly 배지를 가져와 동적인 SVG 카드로 렌더링해 주는 무료 API를 제공합니다. README에 한 줄의 마크다운만 추가하면 배지가 자동으로 표시됩니다.

Card Types

• Stats Card – 배지 통계 요약.
• Badge Grid – 배지를 시각적인 그리드 형태로 표시.
• Timeline – 성과를 연대순으로 보여줌.
• Carousel – 애니메이션 슬라이드 배지 (순수 CSS, JavaScript 없음).
• Overview – 통계와 캐러셀을 결합.

Getting Started

1. Credly 사용자 이름 찾기 – 프로필 URL에서 credly.com/users/ 뒤에 오는 부분이 사용자 이름입니다.
   예시: https://credly.com/users/YOUR_USERNAME
2. 인터랙티브 빌더 사용 – 카드 유형, 테마, 옵션을 선택하려면 로 이동하세요.
3. 빌더가 생성한 마크다운을 복사하여 README에 붙여넣습니다.

Example Markdown

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

YOUR_USERNAME을 실제 Credly 사용자 이름으로 바꾸고, 지원되는 테마 중 하나를 선택하면 됩니다.

Themes

지원되는 테마는 다음과 같습니다:

• tokyonight
• dracula
• nord
• catppuccin_mocha
• catppuccin_latte
• radical
• synthwave
• rose_pine
• github_dark
• github_light
• gruvbox
• onedark
• cobalt
• aura
• neon
• react
• vue
• merko
• …그 외 다수.

쿼리 파라미터를 통해 사용자 지정 HEX 색상이나 그라디언트 배경도 설정할 수 있습니다.

Adaptive Dark/Light Example

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

License & Contributing

이 프로젝트는 MIT 라이선스를 따르며, 테스트 커버리지는 94 % (416개 테스트)이고 Hono, TypeScript, Astro 로 구축되었습니다. 기여를 환영합니다.

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