Ejemplos y plantillas

Ejemplos y plantillas de README de perfil de GitHub

Mira tarjetas reales de GitHubCard, sus plantillas y el Markdown listo para pegar en tu README.

Usuario o URL

Truco con la URL

Agrega “card” después de “github” en una URL de GitHub. Deja el resto igual.

githubcard.com/torvaldsgithub.com/torvalds se convierte en githubcard.com/torvalds.

02Ejemplos

Tarjetas de desarrolladores reales.

Estas tarjetas se exportaron con datos actuales de GitHub. Las exportaciones gratis mantienen la pequeña marca de agua githubcard.com.

Ejemplo de README de perfil de GitHub de torvalds
@torvalds — Estadísticas, racha y mapa de contribuciones
Ejemplo de README de perfil de GitHub de xiaolai
@xiaolai — Perfil oscuro con racha de contribuciones
Ejemplo de README de perfil de GitHub de chrisgrieser
@chrisgrieser — Tarjeta social centrada en estadísticas
Ejemplo de README de perfil de GitHub de MK2112
@MK2112 — Resumen de lenguajes y actividad
03Plantillas

Empieza con una plantilla.

Estas plantillas están en el editor de perfil. Elige una y reorganiza los widgets en el lienzo.

  • Minimal

    Gratis

    Diseño centrado en estadísticas, lenguajes y racha de contribuciones

    800×400

  • Compact

    Gratis

    Diseño apilado con estadísticas completas y lenguajes

    600×300

  • Detailed

    Gratis

    Vista completa con lenguajes y repositorios principales

    1200×900

  • OG Standard

    Gratis

    Imagen estándar Open Graph (1200×630, 1.91:1)

    1200×630

  • Wide Banner

    Gratis

    Diseño horizontal con gráfico de lenguajes

    1400×500

  • Comprehensive

    Gratis

    Estadísticas completas con mapa de contribuciones y repositorios principales

    1000×1000

  • Language Focus

    Gratis

    Muestra tus lenguajes de programación

    900×600

  • Activity Tracker

    Gratis

    Mapa de contribuciones con estadísticas y gráfico de actividad

    1100×600

  • GitHub Banner

    Gratis

    Banner de estilo GitHub (proporción 3.5:1)

    700×200

  • GitHub Compact

    Gratis

    Perfil de GitHub compacto (proporción 1.7:1)

    340×200

  • HD Desktop

    Gratis

    Fondo de escritorio Full HD (16:9)

    1920×1080

  • Standard HD

    Gratis

    Formato HD estándar (16:9)

    1280×720

  • Large Square

    Gratis

    Formato cuadrado grande para redes sociales

    1080×1080

  • Universal Portrait

    Gratis

    Diseño vertical 2:3 para ambos editores

    800×1200

  • Terminal Session

    Gratis

    Diseño monoespaciado verde terminal sobre un degradado GitHub Dark

    1200×630

  • Neon Cyberpunk

    Gratis

    Brillo magenta y azul eléctrico sobre fondo casi negro (cuadrado de 1080×1080)

    1080×1080

  • Neo-Brutalist

    Gratis

    Fondo crema, tipografía negra marcada y un toque naranja intenso

    1200×630

  • Blueprint Schematic

    Gratis

    Cuadrícula de dibujo técnico con líneas cian (1200×900)

    1200×900

  • Git Diff

    Gratis

    Verde de adiciones y rojo de eliminaciones sobre GitHub Dark

    1200×630

  • Holographic

    Gratis

    Degradado pastel iridiscente

    1200×630

  • Synthwave Sunset

    Gratis

    Degradado vertical de atardecer retro para encabezados de README

    1400×500

  • Matrix Rain

    Gratis

    Verde Matrix sobre negro con una textura ligera de código cayendo

    1200×630

  • Profile Instrument · Identity Ledger

    Gratis

    Ficha del desarrollador en letra pequeña sobre papel electrónico de tonos cálidos

    1200×630

  • Profile Instrument · Impact Counter

    Gratis

    Pantalla LCD verde oliva centrada en el alcance del código abierto

    1200×630

  • Profile Instrument · Activity Recorder

    Gratis

    Registro de contribuciones en papel continuo con 52 semanas de actividad

    1200×630

04Copiar y pegar

Pega un fragmento en tu README.

Pega uno de estos fragmentos en el README.md del repositorio que tiene tu nombre de usuario.

Live profile card

Tarjeta predeterminada con datos actuales de GitHub. Cambia yourname por tu usuario.

![GitHub profile card](https://githubcard.com/yourname.svg)

Centered with a fixed width

Los README de GitHub admiten HTML simple para centrar una tarjeta.

<p align="center">
  <img src="https://githubcard.com/yourname.svg" width="600" alt="GitHub profile card" />
</p>

Card that links to your designer page

Agrega un enlace a la imagen para que los visitantes abran la tarjeta completa.

[![GitHub profile card](https://githubcard.com/yourname.svg)](https://githubcard.com/yourname/card)
05Preguntas frecuentes

Preguntas sobre plantillas README

¿Cómo uso una plantilla de README de perfil de GitHub?

Ingresa tu usuario, abre el editor y elige una plantilla. Tus datos actuales llenan el diseño y puedes mover o personalizar los widgets antes de exportar.

¿Dónde pego el código del README?

Crea un repositorio público con el mismo nombre de tu usuario, agrega un README.md y pega el código Markdown de la imagen donde quieras mostrar la tarjeta.

¿Las plantillas son gratis?

Cada plantilla está marcada como Gratis o Pro. Las exportaciones gratis incluyen una pequeña marca de agua githubcard.com. Pro Lifetime cuesta US$ 19 una vez, elimina la marca e incluye fondos y fuentes premium.

Empieza cuando quieras

Elige una plantilla y hazla tuya.

Ingresa tu usuario para abrir el editor con tus datos actuales y todas las plantillas.