Recherche…


Introduction

Quels sont les boutons GitHub? Les boutons GitHub sont des boutons que vous pouvez ajouter à votre site Web pour rediriger les utilisateurs vers n'importe quel référentiel que vous aimez!

Remarques

Crédits:

  • Images GIF enregistrées avec Recordit
  • Images statiques prises avec Snipping Tool
  • L'éditeur de code utilisé dans les didacticiels complets était codepen.io

Bouton Suivre

Un bouton de suivi est un bouton qui relie à une page utilisateur GitHub et invite l'utilisateur à suivre l'utilisateur. Voici comment en créer un:

  1. Allez sur github: boutons
  2. Cliquez sur "Suivre"

Gif d'utilisateur en cliquant sur "Suivre"

  1. Placez votre nom d'utilisateur GitHub dans la case ": user"

Gif de l'utilisateur qui place son nom d'utilisateur GitHub dans la case ": user"

  1. Personnalisez le bouton en utilisant les cases "Grand bouton", "Afficher le nombre" et "Icône standard":

Bouton d'origine

Grand bouton

Bouton Afficher le compte

  1. Placez ce code dans le <head> ou avant la fin du <body> de votre code:

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

  1. Placez le code de rendu du bouton personnalisé dans votre code. Tutoriel Gif complet

Tous les autres boutons

Tous les autres boutons que vous pouvez créer sont des boutons permettant d'accéder à un référentiel GitHub et invitant l'utilisateur à effectuer une certaine action. Ces boutons peuvent effectuer des actions telles que:

  • Regarder un dépôt
  • Star a repository
  • Fourche un dépôt
  • Télécharger un référentiel
  • Répertorier un problème avec un référentiel

Voici comment en créer:

  1. Allez sur github: boutons
  2. Cliquez sur le type de bouton que vous souhaitez créer (Watch, Star, Fork, Download ou Issue)

Exemple de clic sur le bouton

  1. Placez votre nom d'utilisateur GitHub dans la case ": user" et votre référentiel dans la case ": repo"

Repo insérer un exemple

  1. Personnalisez le bouton en utilisant les cases "Grand bouton", "Afficher le nombre" et "Icône standard":

Bouton de téléchargement

Bouton d'émission

Bouton étoile

  1. Placez ce code dans le <head> ou avant la fin du <body> de votre code:

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

  1. Placez le code de rendu du bouton personnalisé dans votre code.

Tutoriel complet



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow