Acceso rápido desde GitHub
Instala la extensión de Chrome para abrir GitHubCard directamente desde un repositorio.
Instalar la extensión de ChromeTaller de tarjetas de repositorio
Generador de tarjetas de repositorio de GitHub
Crea tarjetas con Star History, lenguajes, colaboradores y commits. Modifica una URL de GitHub y exporta SVG, PNG o una tarjeta insertada actualizada.
02Área de diseño
Haz que tu repositorio sea más fácil de entender.
Una tarjeta presenta el proyecto, su utilidad y su nivel de actividad de un vistazo.
Datos del repositorio para destacar
- Estrellas, forks, observadores, issues y pull requests
- Lenguajes, temas, licencia y enlaces
- Avatares de colaboradores y propietario del repositorio
- Star History, actividad de commits y frecuencia de cambios
- Texto personalizado para notas de versión o presentación del proyecto
Área de diseño
Editor visual
Organiza los widgets del repositorio para resumir tu proyecto en una tarjeta clara.
Datos del repositorio
Más de 10 widgets de datos
Muestra estrellas, commits, lenguajes, colaboradores, temas, licencia y otros datos del proyecto.
Opciones de inserción
SVG, PNG, iframe
Usa la misma tarjeta en README, documentación, publicaciones, portafolios y paneles internos.
03Exportar e insertar
Inserta tarjetas de repositorio donde quieras.
Usa SVG en Markdown, un iframe actualizado en documentos o un componente React en tu portafolio.
Inserción en README Markdown
Agrega una tarjeta SVG nítida a tus README, documentación y sitios estáticos.
Vista previa para portafolio y blog
Exporta un PNG fijo para galerías de proyectos, lanzamientos, redes sociales y portafolios.
Inserción con iframe
Mantén una tarjeta de proyecto actualizada en documentos, publicaciones o paneles internos mediante iframe.
<iframe
src="https://githubcard.com/facebook/react"
title="React GitHub repo card"
loading="lazy"
></iframe>Componente React
Envuelve el SVG en un componente pequeño para controlar el tamaño en galerías y portafolios.
function RepoCard() {
return (
<img
src="https://githubcard.com/facebook/react.svg"
alt="React GitHub repo card"
loading="lazy"
/>
);
}04Ejemplos
Empieza con una tarjeta de repositorio real.
Abre una tarjeta pública e ingresa tu propietario/repositorio arriba para crear una tarjeta con datos actuales.
Ver tarjetas de repositorio reales
Mira cómo aparecen los datos, la actividad y el propietario del proyecto en la tarjeta terminada.
05Cómo funciona
De la URL de GitHub a la inserción en tres pasos.
Paso 01
Agregar card a la URL
Agrega card después de github en la URL de un repositorio público o ingresa propietario/repositorio.
Paso 02
Elegir los datos del proyecto
Selecciona información sobre actividad, crecimiento, lenguajes, propiedad y estado del proyecto.
Paso 03
Insertar la tarjeta
Exporta SVG o PNG, o inserta una tarjeta actualizada en documentación, portafolios o publicaciones.
06Preguntas frecuentes
Preguntas sobre tarjetas de repositorio
¿Qué es un generador de tarjetas de repositorio de GitHub?
Crea una tarjeta visual de un repositorio público con su nombre, descripción, estrellas, forks, lenguajes, colaboradores, actividad y otros datos.
¿Puedo insertar una tarjeta de repositorio en un sitio o README?
Sí. Expórtala como SVG o PNG para usarla en README, documentación, sitios, publicaciones de lanzamiento o portafolios.
¿Qué datos de repositorio muestra GitHubCard?
Las tarjetas muestran estrellas, forks, observadores, lenguajes, temas, licencia, colaboradores, Star History, commits semanales y frecuencia de cambios.
¿Las tarjetas funcionan con repositorios públicos?
GitHubCard admite repositorios públicos, no privados. Iniciar sesión con GitHub puede aumentar el límite de solicitudes a la API.
Empieza cuando quieras
Diseña una tarjeta de repositorio para insertar donde quieras.
Ingresa propietario/repositorio o pega la URL de GitHub para abrir el editor con los datos actuales del proyecto.