Oficina de cartões de repositório

Gerador de cartões de repositório do GitHub

Crie cartões com Star History, linguagens, contribuidores e commits. Altere a URL do GitHub e exporte SVG, PNG ou uma incorporação atualizada.

proprietário/repositório ou URL

Dica de URL

Adicione “card” depois de “github” em uma URL do GitHub. Mantenha o restante igual.

githubcard.com/facebook/reactgithub.com/facebook/react vira githubcard.com/facebook/react.

02Área de criação

Deixe seu repositório mais fácil de entender.

Um cartão apresenta o projeto, sua utilidade e o nível de atividade em uma só leitura.

Dados do repositório para destacar

  • Stars, forks, watchers, issues e pull requests
  • Linguagens, tópicos, licença e links
  • Avatares dos contribuidores e proprietário do repositório
  • Star History, atividade de commits e frequência de alterações
  • Texto personalizado para notas de versão ou descrição do projeto

Área de criação

Editor visual

Organize os widgets do repositório para resumir seu projeto em um cartão claro.

Dados do repositório

Mais de 10 widgets de dados

Mostre stars, commits, linguagens, contribuidores, tópicos, licença e outros dados do projeto.

Incorporações

SVG, PNG, iframe

Use o mesmo cartão em README, documentação, posts, portfólios e painéis internos.

03Exportar e incorporar

Incorpore cartões de repositório onde quiser.

Use SVG no Markdown, iframe atualizado na documentação ou um componente React no portfólio.

Incorporação em README Markdown

Adicione um cartão SVG nítido a READMEs, documentação e sites estáticos.

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

Prévia para portfólio e blog

Exporte um PNG fixo para galerias de projetos, lançamentos, redes sociais e portfólios.

Incorporação com iframe

Mantenha um cartão atualizado na documentação, em posts ou painéis internos usando iframe.

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

Componente React

Coloque o SVG em um pequeno componente para controlar o tamanho em galerias e portfólios.

function RepoCard() {
  return (
    <img
      src="https://githubcard.com/facebook/react.svg"
      alt="React GitHub repo card"
      loading="lazy"
    />
  );
}
Guia de incorporação
04Exemplos

Comece com um cartão de repositório real.

Abra um cartão público e digite seu proprietário/repositório acima para criar um cartão com dados atuais.

05Como funciona

Da URL do GitHub à incorporação em três passos.

Passo 01

Adicionar card à URL

Adicione card depois de github na URL de um repositório público ou digite proprietário/repositório.

Passo 02

Escolher os dados do projeto

Selecione informações sobre atividade, crescimento, linguagens, propriedade e status.

Passo 03

Incorporar o cartão

Exporte SVG ou PNG, ou incorpore um cartão atualizado em documentação, portfólio ou posts.

06Perguntas frequentes

Perguntas sobre cartões de repositório

O que é um gerador de cartões de repositório do GitHub?

Ele cria um cartão visual de um repositório público com nome, descrição, stars, forks, linguagens, contribuidores, atividade e outros dados.

Posso incorporar um cartão de repositório em um site ou README?

Sim. Exporte em SVG ou PNG para usar em README, documentação, site, post de lançamento ou portfólio.

Quais dados de repositório o GitHubCard mostra?

Os cartões mostram stars, forks, watchers, linguagens, tópicos, licença, contribuidores, Star History, commits semanais e frequência de alterações.

Os cartões funcionam com repositórios públicos?

O GitHubCard aceita repositórios públicos, não privados. Entrar com GitHub pode aumentar o limite de chamadas à API.

Comece quando quiser

Crie um cartão de repositório para incorporar onde quiser.

Digite proprietário/repositório ou cole a URL do GitHub para abrir o editor com os dados atuais do projeto.

Criar meu cartão de repositório