Sök…


Introduktion

Vad är GitHub-knappar? GitHub-knappar är knappar som du kan lägga till på din webbplats som omdirigerar användare till vilket arkiv du vill!

Anmärkningar

poäng:

  • Gif-bilder inspelade med Recordit
  • Statiska bilder tagna med Snipping Tool
  • Kodredigeraren som användes i fullständiga självstudier var codepen.io

följa-knapp

En follow-knapp är en knapp som länkar till en GitHub-användarsida och ber användaren att följa användaren. Så här skapar du en:

  1. Gå till github: knappar
  2. Klicka på "Följ"

Gif för användaren att klicka på "Följ"

  1. Placera ditt GitHub-användarnamn i rutan ": user"

Gif för användaren att placera sitt GitHub-användarnamn i rutan ": user"

  1. Anpassa knappen med rutorna "Stor knapp", "Visa räkning" och "Standardikon":

Original knapp

Stor knapp

Visa räkneknapp

  1. Placera den här koden i <head> eller före slutet av <body> för din kod:

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

  1. Placera den anpassade knappens återgivningskod i din kod. Full GIF-handledning

Alla andra knappar

Alla de andra knapparna du kan skapa är knappar som länkar till ett GitHub-arkiv och uppmanar användaren att slutföra en viss åtgärd. Dessa knappar kan göra åtgärder som:

  • Titta på ett arkiv
  • Stjärna ett arkiv
  • Gaffla ett arkiv
  • Ladda ner ett arkiv
  • Lista ett problem med ett arkiv

Så här skapar du några:

  1. Gå till github: knappar
  2. Klicka på den knapptyp du vill skapa (Watch, Star, Fork, Download eller Issue)

Exempel på knappklick

  1. Placera ditt GitHub-användarnamn i rutan ": user" och ditt förvar i rutan ": repo"

Sätt tillbaka exempel

  1. Anpassa knappen med rutorna "Stor knapp", "Visa räkning" och "Standardikon":

Ladda ner knappen

Problemknapp

Stjärnknapp

  1. Placera den här koden i <head> eller före slutet av <body> för din kod:

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

  1. Placera den anpassade knappens återgivningskod i din kod.

Fullständig handledning



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow