Zoeken…


Invoering

Wat zijn GitHub-knoppen? GitHub-knoppen zijn knoppen die u aan uw website kunt toevoegen en die gebruikers omleidt naar elke gewenste repository!

Opmerkingen

credits:

  • GIF-afbeeldingen opgenomen met Recordit
  • Statische afbeeldingen gemaakt met Knipprogramma
  • Code-editor gebruikt in volledige tutorials was codepen.io

Volg knop

Een volgknop is een knop die verwijst naar een GitHub-gebruikerspagina en de gebruiker vraagt de gebruiker te volgen. Zo maakt u er een:

  1. Ga naar github: knoppen
  2. Klik op "Volgen"

Gif van gebruiker die op "Volgen" klikt

  1. Plaats uw GitHub-gebruikersnaam in het vak met het label ": user"

Gif van gebruiker die zijn GitHub-gebruikersnaam in het vak met het label ": user" plaatst

  1. Pas de knop aan met behulp van de vakken "Grote knop", "Aantal tonen" en "Standaardpictogram":

Originele knop

Grote knop

Toon telknop

  1. Plaats deze code in de <head> of voor het einde van de <body> van uw code:

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

  1. Plaats de aangepaste knopweergavecode in uw code. Volledige Gif-zelfstudie

Alle andere knoppen

Alle andere knoppen die u kunt maken, zijn knoppen die linken naar een GitHub-repository en de gebruiker vragen een bepaalde actie uit te voeren. Deze knoppen kunnen acties uitvoeren zoals:

  • Bekijk een repository
  • Geef een opslagplaats een ster
  • Fork een repository
  • Download een repository
  • Lijst een probleem met een repository

Zo maakt u er enkele:

  1. Ga naar github: knoppen
  2. Klik op het knoptype dat u wilt maken (Bekijken, Sterren, Vork, Downloaden of Uitgifte)

Voorbeeld van knopklik

  1. Plaats uw GitHub-gebruikersnaam in het vak ": user" en uw repository in het vak ": repo"

Repo voorbeeld invoegen

  1. Pas de knop aan met behulp van de vakken "Grote knop", "Aantal tonen" en "Standaardpictogram":

Knop downloaden

Knop Uitgifte

Ster knop

  1. Plaats deze code in de <head> of voor het einde van de <body> van uw code:

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

  1. Plaats de aangepaste knopweergavecode in uw code.

Volledige tutorial



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow