01GitHub 카드 작업실

GitHub 프로필 README 생성기

GitHubCard는 끌어놓기로 사용하는 GitHub 프로필 README 생성기입니다. 통계, 프로젝트, 활동을 카드 하나에 모으세요.

torvalds의 실시간 GitHubCard 미리보기
GitHub 최신 데이터로 렌더링
02문제점

여러 README 임베드를 GitHubCard 링크 하나로 바꾸세요.

프로필 README를 직접 만들면 통계, 언어, 연속 기여, 활동, 기술을 표시하는 데 임베드 6개, 서비스 5개와 수십 개의 URL 매개변수가 필요할 수 있습니다. GitHubCard는 같은 최신 데이터를 한 디자인에 표시합니다. README에는 링크 하나면 됩니다.

README.md
@@ -1,29 +1,6 @@
  1. # Hi, I'm Alex 👋
  2. Full-stack developer building useful products.
  3. <!-- Profile and repository stats -->
  4. ![GitHub stats](https://github-readme-stats.vercel.app/api?username=you&show_icons=true&theme=tokyonight&hide_border=true)
  5. <!-- Top languages -->
  6. <a href="https://github.com/you?tab=repositories">
  7. <img height="165" src="https://github-readme-stats.vercel.app/api/top-langs?username=you&layout=compact&theme=tokyonight" alt="Top languages" />
  8. </a>
  9. <!-- Commit streak -->
  10. <p align="center">
  11. <img width="48%" src="https://streak-stats.demolab.com?user=you&theme=tokyonight&hide_border=true" alt="Commit streak" />
  12. </p>
  13. <!-- Contribution heatmap (light / dark) -->
  14. <picture>
  15. <source media="(prefers-color-scheme: dark)" srcset="https://ghchart.rshah.org/2f81f7/you" />
  16. <img src="https://ghchart.rshah.org/40c463/you" alt="Contribution heatmap" />
  17. </picture>
  18. <!-- Activity graph -->
  19. [![Activity graph](https://github-readme-activity-graph.vercel.app/graph?username=you&theme=github-compact)](https://github.com/you)
  20. <!-- Tech skills -->
  21. ![Tech skills](https://skillicons.dev/icons?i=ts,react,nodejs,docker,postgres&theme=dark)
  22. ## Featured projects
  1. # Hi, I'm Alex 👋
  2. Full-stack developer building useful products.
  3. ![GitHubCard](https://githubcard.com/you.svg?d=N7kQ2mXp4Vr8Ls1C)
  4. ## Featured projects
적용 전 · Markdown + HTML + 임베드 6개 + 서비스 5개적용 후 · 디자인 링크 하나로 같은 GitHub 데이터 표시
03위젯

필요한 구성 요소를 골라보세요.

GitHub 통계, 기여 히트맵, 연속 커밋, 언어와 기술 스택, 주요 저장소, Star History. 필요한 위젯을 골라 캔버스에 놓고 테마를 한 번에 설정하세요.

20개 이상 중 8개 위젯 · 마우스를 올리면 일시 정지
언어 도넛 차트
GitHubCard 언어 도넛 차트 위젯 미리보기
언어 순위 막대
GitHubCard 언어 순위 막대 위젯 미리보기
프로필 통계
GitHubCard 프로필 통계 위젯 미리보기
연속 기여 통계
GitHubCard 연속 기여 통계 위젯 미리보기
기여 히트맵
GitHubCard 기여 히트맵 위젯 미리보기
Star 추세
GitHubCard 저장소 Star History 위젯 미리보기
저장소 커밋
GitHubCard 저장소 커밋 위젯 미리보기
저장소 코드 빈도
GitHubCard 저장소 코드 빈도 위젯 미리보기
언어 도넛 차트
GitHubCard 언어 도넛 차트 위젯 미리보기
언어 순위 막대
GitHubCard 언어 순위 막대 위젯 미리보기
프로필 통계
GitHubCard 프로필 통계 위젯 미리보기
연속 기여 통계
GitHubCard 연속 기여 통계 위젯 미리보기
기여 히트맵
GitHubCard 기여 히트맵 위젯 미리보기
Star 추세
GitHubCard 저장소 Star History 위젯 미리보기
저장소 커밋
GitHubCard 저장소 커밋 위젯 미리보기
저장소 코드 빈도
GitHubCard 저장소 코드 빈도 위젯 미리보기
04사용 방법

세 단계, 설정 없이.

실제 편집기와 같은 과정입니다. 카드를 선택하고 디자인한 뒤 게시하세요.

16초로 보는 편집기.
05실제 카드

실제 저장소, 하나의 카드 시스템.

실제 공개 저장소의 GitHubCard 카드이며 매일 갱신됩니다. 세 장은 Pro 배경을 사용합니다.

supabase/supabase의 GitHubCard 저장소 카드

Supabase

supabase/supabase

열기
실제 사용 사례 →chris-grieser.decodes.oeiuwq.comwilliams.science/resourcesGitHubCard 삽입을 직접 확인한 페이지
저장소 카드 만들기
06비교

캔버스와 단일 기능 도구 비교.

편집 과정, 완성된 결과, 유지 관리 비용을 비교하세요.

01결론

작업 흐름

GitHubCard에서는 시각적 편집부터 카드 완성까지 하나의 캔버스에서 작업합니다.

GitHubCard
레이아웃, 데이터, 위젯을 하나의 편집 과정에서 다룹니다.
단일 기능 도구
단일 기능 도구는 여러 생성기에서 설정을 따로 해야 합니다.
시각적 편집기하나의 캔버스조합 작업 감소
02결론

결과

일관된 스타일의 카드 하나를 완성합니다.

GitHubCard
프로필, 저장소, 통계 구성 요소가 같은 시각적 스타일을 사용합니다.
단일 기능 도구
다른 도구는 대개 카드, 차트, URL을 각각 내보냅니다.
통일된 스타일최종 구성내보내기 준비 완료
03결론

유지 관리

의존성이 줄면 토큰, 예약 작업, 수동 새로고침도 줄어듭니다.

GitHubCard
GitHub 데이터를 바탕으로 카드를 갱신하며 캐시 동작을 예측할 수 있습니다.
단일 기능 도구
안정성은 호스팅, 예약 작업, API 제한에 영향을 받는 경우가 많습니다.
간단한 설정자동 새로고침명확한 제한

특정 브랜드가 아닌 도구 유형을 비교합니다.

07요금

무료로 시작하고 Pro가 필요하면 한 번만 결제하세요.

디자인과 미리보기는 무료입니다. Pro Lifetime은 19달러를 한 번 결제하면 프리미엄 배경과 글꼴, 워터마크 없는 내보내기와 4배 해상도를 제공합니다. 구독은 없습니다.

일회 결제 · 구독 없음 · 7일 환불 보장. 전체 요금 보기

08질문

게시 전 자주 묻는 질문.

GitHubCard란 무엇인가요?

GitHubCard는 GitHub 프로필 README를 시각적으로 만드는 도구입니다. GitHub 데이터를 프로필과 저장소 카드로 구성해 README, 포트폴리오, 소셜 게시물에 사용하세요.

GitHubCard는 어떻게 사용하나요?

프로필이나 저장소 URL의 github.com을 githubcard.com으로 바꾸세요. 예: githubcard.com/torvalds 또는 githubcard.com/facebook/react. 캔버스 편집기에서 카드를 꾸밀 수 있습니다.

로그인해야 하나요?

기본 카드는 로그인 없이 미리 볼 수 있습니다. 사용자 지정 디자인을 저장, 게시, 수정, 삭제하려면 GitHub로 로그인하세요.

README에 카드를 어떻게 넣나요?

SVG URL(예: githubcard.com/username.svg)을 복사해 Markdown 파일에 이미지로 추가하세요. 카드에 GitHub 최신 데이터가 표시됩니다.

GitHub 프로필 README는 어떻게 만드나요?

GitHub 사용자 이름과 같은 이름의 저장소를 만들고 README.md 파일을 추가하세요. 저장소가 공개 상태이고 이름이 올바르면 GitHub 프로필에 README가 표시됩니다.

GitHub 프로필 README 가이드
카드는 자동으로 업데이트되나요?

네. 카드에는 GitHub 최신 데이터가 표시됩니다. 성능을 위해 캐시하므로 변경 사항이 반영되기까지 최대 한 시간이 걸릴 수 있습니다.

카드를 원하는 대로 바꿀 수 있나요?

네. 캔버스 편집기에서 20개 이상의 데이터 위젯을 끌어놓고 레이아웃을 조정한 뒤 SVG나 PNG로 내보내세요.

GitHubCard는 무료인가요?

핵심 기능은 무료입니다. Pro Lifetime은 구독 없이 19달러를 한 번 결제하면 프리미엄 배경과 글꼴, 워터마크 없는 내보내기와 고해상도(4배) 내보내기를 제공합니다.

준비되면 시작하세요

카드를 만들고 나답게 꾸미세요.

캔버스를 열고 GitHub 데이터를 추가해 README나 웹사이트에 넣을 카드를 만드세요.