Поиск…


Вступление

Что такое кнопки GitHub? Кнопки GitHub - это кнопки, которые вы можете добавить на свой сайт, который перенаправляет пользователей в любой репозиторий, который вам нравится!

замечания

Кредиты:

  • Изображения Gif, записанные с помощью Recordit
  • Статические изображения, снятые с помощью инструмента Snipping Tool
  • Редактором кода, используемым в полном учебнике, был codepen.io

Следующая кнопка

Кнопка «Далее» - это кнопка, которая ссылается на страницу пользователя GitHub и предлагает пользователю следовать за пользователем. Вот как это сделать:

  1. Перейти на github: кнопки
  2. Нажмите «Follow»

Gif пользователя, нажимающего «Follow»

  1. Поместите свое имя пользователя GitHub в поле с надписью «: user»

Gif пользователя, разместившего свое имя пользователя GitHub в поле с надписью «: user»

  1. Настройте кнопку, используя поля «Большая кнопка», «Показать счет» и «Стандартный значок»:

Кнопка оригинала

Большая кнопка

Показать кнопку счета

  1. Поместите этот код в <head> или до конца <body> вашего кода:

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

  1. Поместите настроенный код рендеринга кнопки в свой код. Полный учебник Gif

Все остальные кнопки

Все остальные кнопки, которые вы можете создать, - это кнопки, которые ссылаются на репозиторий GitHub и запрашивают у пользователя выполнение определенного действия. Эти кнопки могут выполнять такие действия, как:

  • Смотреть репозиторий
  • Звезда репозитория
  • Вилка репозитория
  • Загрузить репозиторий
  • Список проблем с репозиторием

Вот как это сделать:

  1. Перейти на github: кнопки
  2. Нажмите тип кнопки, которую вы хотите создать (Watch, Star, Fork, Download или Issue)

Пример нажатия кнопки

  1. Поместите свое имя пользователя GitHub в поле с надписью «: user» и ваш репозиторий в поле «: repo»,

Пример размещения репо

  1. Настройте кнопку, используя поля «Большая кнопка», «Показать счет» и «Стандартный значок»:

Кнопка загрузки

Кнопка «Проблема»

Звездная кнопка

  1. Поместите этот код в <head> или до конца <body> вашего кода:

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

  1. Поместите настроенный код рендеринга кнопки в свой код.

Полный учебник



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow