Buscar..


Introducción

¿Qué son los botones de GitHub? Los botones de GitHub son botones que puede agregar a su sitio web que redirige a los usuarios a cualquier repositorio que desee.

Observaciones

Créditos:

  • Imágenes GIF grabadas con Recordit.
  • Imágenes estáticas tomadas con la herramienta Snipping
  • El editor de código utilizado en los tutoriales completos fue codepen.io

boton de seguir

Un botón de seguimiento es un botón que enlaza con una página de usuario de GitHub y le pide al usuario que siga al usuario. Aquí está cómo crear uno:

  1. Ir a github: botones
  2. Haga clic en "Seguir"

Gif de usuario haciendo clic en "Seguir"

  1. Coloque su nombre de usuario de GitHub en la casilla ": usuario"

Gif de usuario que coloca su nombre de usuario de GitHub en la casilla ": usuario"

  1. Personalice el botón utilizando las casillas "Botón grande", "Mostrar recuento" y "Icono estándar":

Botón original

Botón grande

Mostrar botón de conteo

  1. Coloque este código en el <head> o antes del final del <body> de su código:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. Coloque el código de representación de botón personalizado en su código. Tutorial completo de GIF

Todos los otros botones

Todos los otros botones que puede crear, son botones que enlazan con un repositorio de GitHub y le pide al usuario que complete una determinada acción. Estos botones pueden realizar acciones como:

  • Ver un repositorio
  • Star un repositorio
  • Bifurcar un repositorio
  • Descargar un repositorio
  • Listar un problema con un repositorio

Aquí es cómo crear algunos:

  1. Ir a github: botones
  2. Haga clic en el tipo de botón que desea crear (Watch, Star, Fork, Download o Issue)

Ejemplo de clic de botón

  1. Coloque su nombre de usuario de GitHub en la casilla ": usuario", y su repositorio en la casilla ": repo"

Ejemplo de inserción de repo

  1. Personalice el botón utilizando las casillas "Botón grande", "Mostrar recuento" y "Icono estándar":

Botón de descarga

Botón de problema

Botón de estrella

  1. Coloque este código en el <head> o antes del final del <body> de su código:

<a class="github-button" href="https://github.com/hubot" aria-label="Follow @hubot on GitHub">Follow @hubot</a>

  1. Coloque el código de representación de botón personalizado en su código.

Tutorial completo



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow