Как создать гиперкрутой аккаунт GitHub?

Переформулированный перевод с добавлениями.

Что может получится

Люди по-разному оформляют себя в GitHub. Во время этого туториала может получиться...

• что-вроде такого:

• или что-нибудь, похожее на это...

Следуете пунктам

1. Создадим новый репозиторий

1. Идите сюда

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

3. Сделайте его публичным

4. Отметьте README.MD

5. И нажми роковую кнопочку `Create repository`

2. Изменяем README.MD

• В начале выглядит как приветствие

• Редактировать можно сбоку

• Тут уже есть шаблон

• Нажмите на `Commit changes`.

3. Тут уже всё на твой вкус

Но есть много красивых плюшек.

Как сделать:

Копируем строчку. Изменяем имя и тему.

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

Там ещё есть:

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

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

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

Кубки

Награди себя и учавствуй в соревновании самим с собой за новыми званиями.

Репозиторий

Баннер/Заглавие-картинка

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

• Мне лень делать HEADER

• И баннер

Добавь изображение/гифку

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

Красивые ссылки на социальные сети

<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>

В и на чём работаешь

<h3 align="left">Languages and Tools:</h3>
<p align="left">
  <a href="https://www.cprogramming.com/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/c/c-original.svg" alt="c" width="40" height="40" /> </a>
  <a href="https://www.w3schools.com/cpp/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/cplusplus/cplusplus-original.svg" alt="cplusplus" width="40" height="40" /> </a>
  <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40" /> </a>
  <a href="https://www.figma.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg" alt="figma" width="40" height="40" /> </a>
  <a href="https://flutter.dev" target="_blank"> <img src="https://www.vectorlogo.zone/logos/flutterio/flutterio-icon.svg" alt="flutter" width="40" height="40" /> </a>
  <a href="https://git-scm.com/" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="git" width="40" height="40" /> </a>
  <a href="https://www.w3.org/html/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40" /> </a>
  <a href="https://www.linux.org/" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/linux/linux-original.svg" alt="linux" width="40" height="40" /> </a>
  <a href="https://www.photoshop.com/en" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/photoshop/photoshop-plain.svg" alt="photoshop" width="40" height="40" /> </a>
  <a href="https://www.python.org" target="_blank"> <img src="https://devicons.github.io/devicon/devicon.git/icons/python/python-original.svg" alt="python" width="40" height="40" /> </a>
</p>

Полезные SVG

Код + демо

https://github.com/JeffreyCA/spotify-recently-played-readme

Прям как в репозиториях

Бейджики!

Цветные

Ещё иконки

Этот текст сам печатается?!

Репозиторий

Демо

Страницу видели 100 раз

Подробнее

Подробнее

Подробнее

Q&A

Подробнее

Цитаты хочешь?

Держи

Статистика работы с часами

Подробнее

4. Но можно иначе

Проще. Не так креативно.

Репозиторий

Или так

Можно присоединиться в чужой репозиторий (с именем создателя, по типу создаваемого нами). Или скопировать чужой код. Конечно, вы можете его изменять.

5. Держи ещё шаблончиков

https://github.com/abhisheknaiidu/awesome-github-profile-readme

Что получилось у меня

Это не всё все ваши страдания.

Спасибо за прочтение!

Ещё раз оригинал. Красивого вам аккаунта!