Szukaj…


Wprowadzenie

Co to są przyciski GitHub? Przyciski GitHub to przyciski, które możesz dodać do swojej witryny, które przekierowują użytkowników do dowolnego repozytorium, które lubisz!

Uwagi

Kredyty:

  • Obrazy gif zarejestrowane za pomocą Recordit
  • Zdjęcia statyczne wykonane za pomocą narzędzia do wycinania
  • Edytor kodu używany w pełnych tutorialach to codepen.io

przycisk "zaobserwuj

Przycisk śledzenia to przycisk, który prowadzi do strony użytkownika GitHub i zachęca użytkownika do śledzenia użytkownika. Oto jak je utworzyć:

  1. Przejdź na github: przyciski
  2. Kliknij „Obserwuj”

Gif użytkownika klikającego „Obserwuj”

  1. Umieść swoją nazwę użytkownika GitHub w polu oznaczonym „: użytkownik”

Gif użytkownika umieszczającego swoją nazwę użytkownika GitHub w polu oznaczonym „: użytkownik”

  1. Dostosuj przycisk za pomocą pól „Duży przycisk”, „Pokaż liczbę” i „Ikona standardowa”:

Oryginalny przycisk

Duży przycisk

Pokaż przycisk zliczania

  1. Umieść ten kod w <head> lub przed końcem <body> swojego kodu:

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

  1. Umieść niestandardowy kod renderowania przycisku w swoim kodzie. Pełny samouczek Gif

Wszystkie inne przyciski

Wszystkie pozostałe przyciski, które możesz utworzyć, to przyciski prowadzące do repozytorium GitHub i monitujące użytkownika o wykonanie określonej akcji. Te przyciski mogą wykonywać takie czynności, jak:

  • Obejrzyj repozytorium
  • Oznacz repozytorium gwiazdką
  • Rozwidlaj repozytorium
  • Pobierz repozytorium
  • Zgłoś problem z repozytorium

Oto jak stworzyć:

  1. Przejdź na github: przyciski
  2. Kliknij typ przycisku, który chcesz utworzyć (Zegarek, Gwiazdka, Widelec, Pobierz lub Wydanie)

Przykład kliknięcia przycisku

  1. Umieść swoją nazwę użytkownika GitHub w polu oznaczonym „: użytkownik”, a repozytorium w polu „: repo”

Przykład wstawiania repo

  1. Dostosuj przycisk za pomocą pól „Duży przycisk”, „Pokaż liczbę” i „Ikona standardowa”:

Przycisk Pobierz

Przycisk wydania

Przycisk gwiazdy

  1. Umieść ten kod w <head> lub przed końcem <body> swojego kodu:

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

  1. Umieść niestandardowy kod renderowania przycisku w swoim kodzie.

Pełny samouczek



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow