С приближением нового года я решил привести в порядок и структурировать свои различные профили и проекты и начал редактировать и полировать их. Некоторое время назад GitHub внес изменения в свою домашнюю страницу, и я увидел предложение отредактировать файл Readme моего профиля. Тогда я просто заполнил предоставленный шаблон информацией о себе, а потом подумал, что пришло время сделать его немного красивее.

Однако я не хотел тратить на это слишком много времени, поэтому я вспомнил, что где-то в моем списке для чтения должна быть история с закладками (в частности, эта). Я прочитал его и просто выполнил предложенные шаги, немного изменив дизайн под свои нужды. В итоге получилось это. Не самый творческий, но моя главная цель — сначала организовать все, чтобы затем я мог периодически проверять свои профили/проекты и корректировать или изменять их один за другим (думаю, я мог бы назвать это: «сначала организуйте, персонализируйте позже”).

Я делал это сверху вниз, участок за участком.

Для header я не хотел полагаться на сторонние библиотеки или анимацию, поэтому я пошел в Figma и сделал простую синюю рамку с моим имя/псевдоним на нем.

Далее я добавил заголовок и значки со ссылками на мои социальные каналы. Я использовал Iconfinder, чтобы получить изображения, загрузить их в тот же репозиторий (я предпочитаю, чтобы основные ресурсы были внутри проекта, а не в виде внешних ссылок) и заключил их в теги ‹a›.

Затем я обернул раздел Обо мне в ```yaml ```, чтобы он выглядел как блок кода (я понимаю, что это в основном копия того, что было используется автором рассказа, о котором я упоминал выше, но, на мой взгляд, он выглядит довольно хорошо, и пока я решил придерживаться его; возможно, я позже заменю его на что-то другое). Я написал там несколько основных блоков и добавил информацию о себе для каждого.

Для раздела с моим Техническим стеком я использовал Devicon. Я просто вставил ссылки на нужные иконки и установил для каждой ширину и высоту 50.

При этом я понял, что если иконка только черно-белая, то она может быть недостаточно хорошо видна в темном или белом режиме, но в моем случае это касается только Next.js, и, так как это не мое основная технология в настоящее время, я думаю, что я оставлю это как есть на данный момент. Хотя кое-что нужно иметь в виду на будущее.

После этого я вставил свою статистику GitHub с помощью GitHub Readme Stats. Подробную инструкцию вы можете посмотреть там. Короче говоря, это два изображения с вашей статистикой, которые можно настроить (одно с общей статистикой и другое с наиболее часто используемыми языками; оба можно использовать по отдельности).

Я заключил их в теги ‹a›, чтобы сделать ссылки на репозитории профиля и мою отдельную страницу профиля (просто решил, что создание ссылки на тот же обзор профиля, на котором вы сейчас находитесь, было бы излишним).

Я видел, что многие люди любят добавлять змеиную игру внизу своего профиля или некоторые анимации/гифки (проверьте историю, связанную в начале, если хотите), но я лично не большой поклонник перемещения и мигания вещей на стартовых страницах (видимо, это только я и ничего против не имею). Поэтому вместо этого я просто выделил несколько пунктов в разделе Разное и упомянул некоторые факты обо мне.

Бонусный раздел

Хотя технически это не связано с файлом Readme профиля, там также есть ваше изображение, краткое описание, ссылки и закрепленные репозитории. Я думаю, что последнее имеет особое значение, так как у вас может быть много репозиториев, но вы хотите отображать только самые ценные из них. Я все еще нахожусь в процессе организации своих проектов, так что этот должен быть следующим, но я все же хотел упомянуть об этом.

Это была еще одна из моих пятничных историй. Я надеюсь, что это может помочь кому-то, и спасибо за чтение.