Назад

Лайфхаки GitHub: пособие по дизайну

В этом посте мы познакомим вас с обширным списком полезных лайфхаков и пособий по дизайну GitHub, которые помогут создать действительно презентабельный аккаунт GitHub.

1. Создание нового репозитория

1) Откройте предпочитаемый веб-браузер и перейдите по этой ссылке для создания нового репозитория.

2) Дайте репозиторию имя такое же как ваш никнейм

3) Выберите публичный вариант репозитория

4) Отметьте README

5) Нажмите кнопку “Create repository”

2. Изменение README

1) Для внесения изменений нажмите на кнопку "Edit README” (здесь уже есть шаблон)

2) Нажмите на кнопку "Зафиксировать изменения"

3. Дальнейшее оформление аккаунта - дело вкуса

Дальнейшее оформление аккаунта - дело вкуса. Приведем некоторые из интересных возможностей:

1) Общая статистика

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

Скопировать строку. Измените название и тему.

![Anurag's GitHub stats](<https://github-readme-stats.vercel.app/api?username=anuraghazra&theme=dark&show_icons=true>)

2) Статистика по часто используемым языкам:

[![Top Langs](<https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra&layout=compact>)](<https://github.com/anuraghazra/github-readme-stats>)

3) Языки и часы работы на этой неделе (требуется Wakatime)

[![willianrod's wakatime stats](<https://github-readme-stats.vercel.app/api/wakatime?username=willianrod>)](<https://github.com/anuraghazra/github-readme-stats>)

4) Карточка с репозиторием

[![Readme Card](<https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats>)](<https://github.com/anuraghazra/github-readme-stats>)

5) Кубки (см. ссылку)

6) Header (см. ссылку)

[![MasterHead](your image link)](your GitHub link)

https://reheader.glitch.me/

7) Баннер (см. ссылку)

8) Ссылки на социальные сети

<h3 align="left">Connect with me:</h3>
<p align="left">
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/twitter.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg>" alt="" height="30" width="40" /></a>
<a href="your link" target="blank"><img align="center" src="<https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/youtube.svg>" alt="" height="30" width="40" /></a>
</p>

9) Добавить картинку/гифку

<img align="right" alt="Coding" width="400" src="add your link

10) Полезные SVG (см. ссылку)

11) Полезные иконки (см. ссылку)

12) Статистика GitHub Readme (см. ссылку)

13) Бейджики (см. ссылку)

14) Больше бейджиков по ссылке

15) Самонабираемый (см. ссылку)

16) Счетчик просмотров профиля GitHub (см. ссылку)

17) Рабочий процесс в блоге (см. ссылку)

18) Полный список эмодзи в GitHub в формате markdown (см. ссылку)

19) Вопросы и ответы (см. ссылку)

20) Почасовая статистика (см. ссылку)

21. Цитаты (см. ссылку)

4. Альтернативный способ создания красивой учетной записи GitHub

Альтернативный упрощенный вариант создания красивой учетной записи GitHub (см. ссылку)

5. Бонус для GitHub

Бонус: список интересных README для профилей на Github (см. ссылку)