Тетрадь, дневник — ваше лицо. А круто оформленный профиль на гитхабе — статус вашей занятости. Чем больше участий в проектах, тем безработнее... Пока молодые специалисты оформляют свои страницы с "Lib-Meta-Neo ML-Scientist 10 years of expirience" на LinkedIN настоящий амбассадор HR и трудового найма бегут на GitHub. Именно там выискиваются самые закостенелые гики программирования, вносящие тридцать пять тысяч коммитов в безбюджетные опенсорс проекты; именно там рождаются гении, разрабатывающие AAA-проекты геймдева на ассемблере.
Все это шутки.
Но реальность такова, что многие из рекрутеров не против оценить ваш профиль. Подавать себя, как в маркетинге, важно. И неплохо бы сразу представить всю статистику развернуто перед глазами, чтобы бедный HR не искал ваши коммиты, а гордо проведенные тысячи часов в GitHub не остались за кадром. Каждый проект служит материальным доказательством способностей разработчика, позволяя потенциальным соавторам или работодателям оценить его стиль программирования, навыки решения задач и умение управлять проектами.
Для этого на гитхабе есть много утилит, которые помогают оформить Readme личного профиля. Но для начала давайте быстренько его создадим.
Как создать личный Readme
1. Войдите в свой аккаунт на GitHub и нажмите кнопку "New" в правом верхнем углу страницы. Введите название для вашего репозитория (например, "username.github.io", где "username" - ваш логин на GitHub). Убедитесь, что галочка "Initialize this repository with a README" отмечена.
2. После создания репозитория вас перекинет на страницу с содержимым вашего нового репозитория. Нажмите на ссылку "README.md", чтобы открыть файл для редактирования.
PS. В Readme можно использовать как Markdown, так и HTML. Никаких невероятных навыков работы с версткой для создания профиля не нужно.
4. После того как вы добавили необходимую информацию, прокрутите вниз страницы и найдите раздел "Commit changes". Введите заголовок коммита и описание изменений, затем нажмите кнопку "Commit new file".
5. Для того чтобы ваш профиль был доступен по URL-адресу вида "username.github.io", включите GitHub Pages для вашего репозитория. Для этого перейдите в раздел настроек вашего репозитория, выберите раздел "Pages" и активируйте опцию "Source" для вашей ветки "main" или "master".
После активации GitHub Pages профиль будет доступен по URL-адресу "username.github.io".
Все готово для залива нашей невероятной статистики.
Но прежде можно попробовать провести самую базовую настройку профиля и создадим простой заголовок профиля на HTML.
|
В этом примере мы создаем блок заголовка с классом .header. Он имеет фоновый цвет #24292e (стандартный цвет для заголовков на GitHub), белый цвет текста, внутренние отступы в 20 пикселей и выравнивание текста по центру.
Конечно, у многих из нас "Ya krutoy specialist!" вызовет шквал эмоций и желаний моментально нанять специалиста в свой штат, определив заранее лидом всего отдела. Но лучше показать как можно больше статистики для "убедительности". Например, продемонстрировать свою эффективность и тысячи часов, проведенных на Github.
У меня нет времени на это все. Хочу сразу и быстро
Окей, тогда для самых занятых небольшая подборка инструментов с созданием профиля по шаблону.
Три плагина для шаблонного профиля и даже обычных репозиториев
1. GitHub Profile README Generator
Тут перед нами относительно простой шаблон, куда можно вписать немного информации о себе и получить статистику с минимальной активностью.
Склонируйте репозиторий:
|
Перейдите в рабочий каталог:
|
Установите зависимости:
|
Запустите приложение:
|
Этот плагин предлагает различные шаблоны и примеры для создания привлекательного и информативного README файла. Вы можете выбрать подходящий шаблон и настроить его под свои нужды.
|
3. Readme.so
Это веб-приложение, которое позволяет создавать README файлы с помощью визуального редактора. Вы можете выбирать различные секции, такие как описание, установка, использование, лицензия и т.д., и настраивать их содержимое. Результат можно скопировать в ваш README файл.
4. Profileme Это бесплатный помощник для создания красивых GitHub-профилей. В нем можно выбрать один из более 60 языков оформления и настроить различные элементы.
|
Статистика в профиле – признак ума
Общий вид добавления любого плагина в Гитхаб-readme.
|
Пример:
[](https://git.io/streak-stats)
1. GitHub Readme Activity Graph. Он отображает информацию о количестве коммитов, сделанных пользователем в его репозиториях на GitHub за определённый период времени. Цвет ячейки указывает на количество коммитов за день: яркие зелёные ячейки обозначают дни с большим количеством коммитов, тогда как более тёмные ячейки указывают на менее активные дни. Можно поиграть с графиком, наведя курсор мыши на конкретную ячейку, чтобы увидеть подробную информацию о количестве коммитов за этот день.
Добавляем по шаблону выше…
|
2. Metrics. Изометрический календарь ваших коммитов, языковой, географический анализ профиля, отслеживание "кодерских" привычек, отображение лицензий репозитория, реакции и комменты, подписчики, выкладка с донатами, дискуссии, ачивки, последняя активность, рандомный код из ваших репозиториев, список проектов, список топ треков со Spotify, время подъема; статистика с Leetcode, Steam, шахмат и даже, господи, город из вашей активности — все в этом репозитории. Более чем 30 различных плагинов и 200 параметров для настройки динамической инфографики.
Этот плагин позволяет отображать основную статистику профиля, включая количество репозиториев, звезд, подписчиков и т.д.
|
Этот плагин показывает топ языков программирования, на которых вы пишете код.
|
Этот плагин отображает ваш текущий стрик коммитов.
|
Этот плагин показывает ваши достижения в виде трофеев.
|
7. Codewars — виджет, показывающий количество решенных задач и актуальный уровень пользователя на платформе. Ссылки на карточки можно найти в своем профиле, нажав на кнопку «View Profile Badges» под аватаркой. Кастомизации нормальной нет, но есть три варианта размеров виджета.
|
8. LeetCode Readme Stats Все, наверное, слышали про литкод, амбассадор топовых задачек для программистов, так сказать. Ну так вот с LeetCode Readme Stats можно выводить данные о количестве решенных задач с уровнями сложности. Также у автора имеется инструкция по настройке отслеживания статистики с помощью GitHub Actions.
Но любой профиль украсит интересное изображение, гифка или анимация
Топ инструментов, чтобы украсить ваш профиль:
Этот инструмент генерирует 3D-визуализацию ваших вкладов в GitHub, создавая уникальный и привлекательный элемент профиля. Достаточно зайти на сайт и сгенерировать отчеты в .stl и загрузить на GitHub. Каждое "здание" в 3D-модели соответствует ежедневным вкладам пользователя.
2. GitHub Profile Views Counter
Плагин добавляет счетчик посетителей на ваш профиль GitHub, позволяя вам отслеживать вовлеченность с вашей страницей.
|
3. GitHub Profile Summary Cards
Этот инструмент генерирует набор карточек-сводок, которые предоставляют обзор активности, включая метрики по репозиториям, звездам, подписчикам и другим характеристикам.
4. GitHub Readme Quotes. Этот плагин добавляет случайную вдохновляющую или мотивирующую цитату в ваш README-файл GitHub. “Жжем сердца документацией!”
|
Пользуемся. В любом случае никто не запрещает создать самый серый профиль и забыть про этот ваш опенсорс сервис, открыть для себя настоящие нишевые проекты за деньги. Мы привели список интересных плагинов, которые помогут сделать ваш профиль информативнее, привлекательнее и профессиональнее. Челюсть у HR не отпадет, но он будет знать – вы прекрасно справились с задачками “Easy” на литкоде и Markdown-разметкой.
