저장소 카드 작업실

GitHub 저장소 카드 생성기

Star History, 언어, 기여자, 커밋 활동을 담은 카드를 만드세요. GitHub URL을 바꾼 뒤 SVG, PNG 또는 최신 데이터 삽입 방식으로 내보낼 수 있습니다.

소유자/저장소 또는 URL

URL 사용 팁

GitHub URL의 'github' 뒤에 'card'를 추가하세요. 나머지 부분은 그대로 두면 됩니다.

githubcard.com/facebook/reactgithub.com/facebook/react에서 githubcard.com/facebook/react(으)로 바뀝니다.

02디자인 작업 공간

저장소를 더 쉽게 이해할 수 있게 하세요.

카드 한 장으로 프로젝트의 내용, 가치, 활동 상태를 전달하세요.

보여 줄 수 있는 저장소 정보

  • Star, Fork, Watch, Issue, Pull Request
  • 언어 비율, 주제, 라이선스, 링크
  • 기여자 아바타와 저장소 소유자
  • Star History, 커밋 활동, 코드 변경 빈도
  • 릴리스 노트나 프로젝트 소개용 텍스트

디자인 작업 공간

캔버스 편집기

저장소 위젯을 캔버스에 배치해 한 카드에 프로젝트를 알기 쉽게 요약하세요.

저장소 정보

10가지 이상의 데이터 위젯

Star, 커밋, 언어, 기여자, 주제, 라이선스 등 프로젝트 정보를 보여 주세요.

삽입 방식

SVG, PNG, iframe

같은 카드를 README, 문서, 출시 글, 포트폴리오, 내부 대시보드에 사용하세요.

03내보내기와 삽입

어디에나 저장소 카드를 넣으세요.

Markdown에는 SVG, 문서에는 최신 iframe, 포트폴리오에는 React 컴포넌트를 사용하세요.

Markdown README에 삽입

README, 문서, 정적 웹사이트에 선명한 SVG 프로젝트 카드를 넣으세요.

![GitHub repo card](https://githubcard.com/owner/repo.svg)

포트폴리오와 블로그 미리보기

프로젝트 갤러리, 출시 글, 소셜 미리보기, 포트폴리오용 고정 PNG를 내보내세요.

iframe 삽입

iframe으로 문서, 출시 글, 내부 대시보드에 최신 프로젝트 카드를 넣으세요.

<iframe
  src="https://githubcard.com/facebook/react"
  title="React GitHub repo card"
  loading="lazy"
></iframe>

React 컴포넌트

SVG를 작은 컴포넌트로 감싸 갤러리나 포트폴리오에서 크기를 제어하세요.

function RepoCard() {
  return (
    <img
      src="https://githubcard.com/facebook/react.svg"
      alt="React GitHub repo card"
      loading="lazy"
    />
  );
}
삽입 가이드
04예시

실제 저장소 카드로 시작하세요.

공개 프로젝트 카드를 열고 위에 내 소유자/저장소를 입력하면 최신 데이터로 카드를 만들 수 있습니다.

05사용 방법

GitHub URL에서 삽입까지 세 단계.

01단계

URL에 card 추가

공개 GitHub 저장소 URL의 github 뒤에 card를 추가하거나 소유자/저장소를 직접 입력하세요.

02단계

프로젝트 내용 조정

활동, 성장 추세, 언어, 소유자, 상태를 보여 줄 정보를 선택하세요.

03단계

카드 삽입

SVG나 PNG로 내보내거나 최신 저장소 카드를 문서, 포트폴리오, 출시 글에 넣으세요.

06자주 묻는 질문

저장소 카드 질문

GitHub 저장소 카드 생성기는 무엇인가요?

공개 저장소의 이름, 설명, Star, Fork, 언어, 기여자, 활동 등을 담은 시각적 카드를 만드는 도구입니다.

저장소 카드를 웹사이트나 README에 넣을 수 있나요?

네. SVG나 PNG로 내보내 README, 문서, 개인 웹사이트, 출시 글, 프로젝트 포트폴리오에 넣을 수 있습니다.

GitHubCard는 어떤 저장소 데이터를 보여 주나요?

Star, Fork, Watch, 언어 비율, 주제, 라이선스, 기여자, Star History, 주간 커밋, 코드 변경 빈도를 보여 줍니다.

공개 저장소에서 사용할 수 있나요?

GitHubCard는 공개 저장소를 지원하며 비공개 저장소는 지원하지 않습니다. GitHub 로그인으로 API 요청 한도가 높아질 수 있습니다.

지금 시작해 보세요

어디에나 넣을 수 있는 저장소 카드를 만드세요.

소유자/저장소 또는 GitHub 저장소 URL을 입력하면 최신 프로젝트 데이터를 불러온 캔버스가 열립니다.

저장소 카드 만들기