Всем привет, как дела?
Мы всегда видим отличные вещи в репозиториях GitHub, и одним из них является раздел READ.ME.
Чтобы сделать ваш READ.ME уникальным и интересным, вам нужно добавить что-то другое с реальным функционалом.
ЗНАКИ!
Мы будем использовать shields.io (GitHub) для создания наших значков.
Итак, приступим!
Значок LinkedIn
Как программисты, мы должны быть отслеживаемыми, поэтому один из самых важных значков, которые нам нужны, - это наш LinkedIn. Я покажу вам 2 вида значков, которые подходят для двух разных ситуаций.
Прежде всего, нам нужно перейти на shields.io, где мы сможем создать наши индивидуальные значки.
Прокрутите вниз, пока не увидите раздел Ваш значок:
Здесь мы добавим метку, сообщение и цвет, а затем нажмем кнопку «Создать значок».
label = LinkedIn / message = LinkedIn / color = blue
Мы будем перенаправлены на скомпилированный Значок:
Теперь внесем некоторые изменения, используя URL-адрес веб-сайта. Идите вперед и на новой вкладке снова войдите в shields.io и прокрутите вниз, пока не увидите раздел Стиль:
Вы можете выбрать любой стиль, который хотите, просто скопируйте код слева, вставьте его в конец URL-адреса нашего значка и нажмите Enter.
Я буду использовать ? Style = flat & logo = appveyor
Итак, у нас будет что-то вроде этого:
Теперь мы можем переключиться на значок LinkedIn, просто написав linkedin вместо appveyor в конце нашего URL-адреса, затем нажмите Enter:
PS: Вы можете найдите другие логотипы для создания значков на simpleicons.org
Затем у нас есть значок LinkedIn:
Довольно круто, правда?
Итак, теперь мы добавим синий цвет к метке (левая сторона нашего значка), добавив & labelColor = blue в конце URL-адреса и нажав Enter:
Почти готово!
Чтобы закончить наш значок, нам не нужно иметь LinkedIn дважды, мы можем удалить первый «LinkedIn-» в URL-адресе и нажать Enter в последний раз:
Вот ваш значок LinkedIn с его значком и цветом. Отлично, правда? !!
Он идеально подходит для вашего репозитория презентаций.
И чтобы использовать его, вы можете скопировать URL-адрес и вставить как изображение тега ссылки в вашем READ.ME вот так:
‹p align =” center ”›
‹a href="LinkedIn profile URL"›
‹img src =” https://img.shields.io/badge/LinkedIn-blue? style = flat & logo = linkedin & labelColor = blue '›
‹/a›
‹/p›
Выглядит хорошо!
Мы еще не закончили!
Давайте сделаем еще один дизайн значка, который будет использоваться в заголовке вашего репозитория.
Как мы делали раньше, переходим в раздел Ваш значок на shields.io и помещаем ярлык автор, в сообщении должно быть ваше имя, выбираем цвет и нажимаем кнопку Сделать значок:
Теперь я сделаю 3 вещи:
Плоский стиль с использованием = ›? Style = flat
Измените цвет фона ярлыка, используя = ›& labelColor = 000000
Измените цвет фона сообщения на оранжевый с помощью = ›& color = ffb030
PS: labelColor и color могут поддерживать именованные цвета hex, rgb, rgba, hsl, hsla и css. Не стесняйтесь использовать свои любимые цвета
Вот и все, значок вашего автора готов!
Вы можете использовать его в верхней части READ.ME, как показано на изображении ниже.
Не забудьте добавить ссылку на свой LinkedIn, веб-сайт или социальные сети:
‹p align =” center ”›
‹a href="LinkedIn, URL-адрес веб-сайта или соцсети ”›
‹img src =” URL-адрес значка ”›
‹/a›
‹/p›
Теперь вы можете создавать собственные значки для различных целей, используя то, что вы здесь узнали, и это действительно здорово!
Значки, которые мы создаем в этом руководстве:
LinkedIn
Автор
Надеюсь, вам понравилось.
Увидимся в следующий раз!
