Как добавить скриншоты и анимацию в запросы на слияние GitHub

Программисты GitHub часто добавляют скриншоты или анимированные GIF-файлы в свои запросы на слияние репозитория. Эти техники определенно более привлекательны, чем заставлять кого-то читать несколько строк обычного текста. Добавление статических скриншотов полезно, если вы хотите вставить визуальные изменения или фотографии в текст. Чтобы продемонстрировать процессы и движение курсора мыши, вы можете использовать видео в формате MP4 и анимацию GIF. Следующий учебник покажет вам, как добавить скриншоты и анимацию MP4/GIF в запросы на слияние GitHub.

Содержание

• 1. Добавить новый репозиторий и ветку
• 2. Создать скриншоты для GitHub
• 3. Создать видео и анимацию GIF для GitHub
• 4. Добавить скриншоты или анимации в запросы на слияние GitHub
• 5. Отобразить скриншоты и GIF-изображения на странице GitHub
• Часто задаваемые вопросы

Также читайте: Руководство для начинающих по Git

1. Добавить новый репозиторий и ветку

Даже если вы никогда не использовали GitHub раньше, вы можете использовать приведенные ниже шаги, чтобы начать как разработчик. В настоящее время вам нужна только электронная почта для создания учетной записи GitHub. Это значительно упрощает начало работы с GitHub.

1. После входа в свой профиль GitHub нажмите знак “+” в правом верхнем углу, чтобы создать новый репозиторий.

1. Дайте репозиторию имя по вашему выбору и выберите, чтобы он был публичным или приватным. Не забудьте отметить опцию “Инициализировать этот репозиторий вместе с README”.

1. Вы можете выбрать, чтобы выпустить свой код в форме лицензии Apache 2.0, GNU общей лицензии, лицензии MIT, Eclipse, лицензии Mozilla и т.д. Выберите “нет”, если не хотите, чтобы другие могли свободно использовать код.
2. Нажмите “Создать репозиторий”, чтобы подтвердить добавление вашего репозитория в основную ветку вашего профиля.

1. На следующем этапе добавьте ветку в ваш репозиторий, используя выпадающее меню, показанное ниже. Здесь ветка “Guten-tag-1” была добавлена в репозиторий “Guten-tag”, который сам является веткой основного репозитория “Hola-World”.

1. Цель ветки в GitHub — помочь разработчику работать над функциями и исправлениями ошибок отдельно от основной производственной ветки. Добавление серийного номера, такого как 1, 2, 3 и т.д., — это более простой способ запомнить уровень ветки.

2. Создать скриншоты для GitHub

Чтобы добавить скриншоты в GitHub, вам нужно хорошее программное обеспечение для захвата экрана. В Windows 11 инструмент для вырезания — это приложение Microsoft, наиболее подходящее для этой цели. Если у вас возникают проблемы с ним, следуйте нашему руководству по устранению неполадок.

Windows 10, однако, использует приложение “Нарезка и эскиз”, которое работает очень похоже на инструмент для вырезания Windows 11, но с меньшим количеством функций. У него есть таймер на 3 или 10 секунд для задержки при захвате экрана.

Также читайте: Инструмент для вырезания Windows 11 не работает: 12 возможных решений

3. Создать видео и анимацию GIF для GitHub

Чтобы добавить видео или GIF для GitHub, вам нужно хорошее программное обеспечение для захвата видео с экрана. Раньше вы не могли загружать MP4 в GitHub, но это изменилось.

В Windows 11 и Windows 10 вы можете использовать приложение Microsoft Store под названием Запись экрана. Microsoft Store — это самый безопасный источник для загрузки программного обеспечения для записи экрана, так как каждое приложение разработано для хорошей работы с Windows. Чтобы узнать, как записать экран бесплатно на Mac, следуйте этому руководству.

1. Запустите приложение записи экрана и выберите режим захвата: “Полный”, “Область”, “Камера” или “Только звук”. Нажмите “Начать”, когда будете готовы начать запись на экране.

1. Хорошая новость заключается в том, что вы можете выбрать создание GIF непосредственно, выбрав режим GIF.

1. В качестве альтернативы вы можете легко конвертировать MP4 в GIF, используя Ezgif или любой другой онлайн-инструмент. Сначала добавьте видео MP4, используя ссылку загрузки.

1. Вы получите приблизительную оценку размера файла GIF, ширины и длины. Вы можете изменить частоту кадров вашего GIF-файла, чтобы сделать его медленнее для легких инструкций.

Также читайте: Как записать экран на Mac бесплатно

4. Добавить скриншоты или анимации в запросы на слияние GitHub

После того как вы создали свои скриншоты или видео, вы можете легко добавить их в запросы на слияние GitHub.

1. Чтобы добавить скриншоты или видео/анимации в GitHub, вернитесь к ветке, которую вы создали ранее, и перейдите в раздел “Запросы на слияние”. В качестве альтернативы вы можете перейти к нему напрямую, просто нажав на ветку.

1. Чтобы добавить новый файл, такой как MP4 или GIF, выберите “Загрузить файлы” в ветке, где вы хотите, чтобы файл был доступен.

1. Находясь в режиме редактирования, вы можете прикрепить изображение скриншота и файлы MP4/GIF из опции “выберите ваши файлы”. Если вы коммитите в первый раз в репозитории ветки GitHub, нажмите “зафиксировать изменения”. Если нет, выберите “обновить комментарий”.

1. Подождите несколько секунд, пока файл скриншота или анимации будет добавлен в вашу ветку репозитория.

1. Созданный скриншот/видео/анимация успешно добавлен в ветку GitHub, а следовательно, и в репозиторий.

1. GitHub — это все о сотрудничестве с другими разработчиками. Если им понравятся ваши предложенные изменения, они могут объединить их с основным репозиторием. Это происходит автоматически, если вы видите опцию “Возможно объединить”.

1. После завершения слияния видео/скриншоты будут отображаться как “коммиты” в основном репозитории.

Также читайте: Как очистить кэш Git

5. Отобразить скриншоты и GIF-изображения на странице GitHub

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

1. Хитрость заключается в том, чтобы нажать на файл “ReadMe.md”, видимый на любой ветке. Как только он откроется, нажмите на значок под названием “Отобразить исходный blob”. Эта ветка может быть отредактирована для отображения изображений, скриншотов, GIF и многого другого.

1. Нажатие на значок “редактировать файл” приведет к экрану кода, где вы можете добавить код для скриншота или анимированного GIF. Легко отобразить изображение, добавив ! и обернув текст alt в [ ], затем вставив ссылку на изображение в круглые скобки ().

Если вы не хотите кодировать, есть более простой способ добавить скриншот/GIF непосредственно на страницу репозитория.

1. Нажмите “редактировать файл” на странице Readme.md, что приведет к новому окну, где вы можете прикрепить скриншот/GIF, который будет отображаться на странице ветки.

1. Перед тем как зафиксировать изменения в вашей ветке GitHub, вы можете легко предварительно просмотреть изображение, скриншот или GIF.

Также читайте: Как установить Git и Git Bash в Windows

Часто задаваемые вопросы

Как выровнять или изменить размер изображения или скриншота в GitHub?

Чтобы выровнять изображение или скриншот на вашей странице GitHub, нажмите “редактировать это” на файле ReadMe.md, затем загрузите изображение или скриншот и добавьте следующий код:

Измените код в зависимости от того, хотите ли вы, чтобы изображение было выровнено по левому краю, правому краю или по центру. Чтобы изменить размер изображения, измените размеры ширины и высоты.

Есть ли ограничение по размеру для GIF и видеофайлов на GitHub?

Да. Максимальный размер файла составляет 50 МБ для отдельных GIF или MP4 файлов. Используя скрытую функцию GitHub под названием “GitHub Blocks”, вы можете увеличить это значение до 100 МБ для каждого файла. Репозитории GitHub (ваша основная ветка) должны оставаться менее 5 ГБ.

Если вам нужно загрузить изображение или видео с большим размером файла, используйте программу GitHub под названием GitHub Large File Storage (LFS), которая имеет максимальный лимит в 2 ГБ на файл для пользователей Free/Pro.

Как мне поделиться изображениями на GitHub?

В настоящее время GitHub не имеет возможности напрямую делиться изображениями с помощью чата и связанных инструментов, таких как скриншоты или GIF. Однако вы можете создать “проблемы” на странице GitHub и отправить их на рассмотрение. Эти проблемы могут включать изображения. Чтобы уведомить человека на GitHub, используйте @ перед его именем пользователя.

Кредит изображения: Groot и Octocat на Unsplash Все скриншоты сделаны автором.