Оптимизация изображений с помощью GitHub Actions

0 2

2023-06-27 0 ∞

На днях я экспериментировал с GitHub Actions. Отличный инструмент! Вы можете заставить его запускать необходимый код, например, запускать процессы сборки, тестирования и развертывания. Но это просто файлы конфигурации, которые могут запускать все, что вам нужно. Существует целый маркетплейс действий.

Я хотел запустить код для оптимизации изображений. Благодаря этому, мне никогда не придется об этом думать. Оптимизировать любое изображение в репозитории.

Для этого уже есть действие, image-actions от Calibre, которое мы и используем. Вам также необходимо убедиться, что для репозитория включены Actions.

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений для сайта как инструмент увеличения производительности

Затем создайте файл по адресу ./github/workflows/optimize-images.yml. Вот где вы сможете настроить это действие. Все используемые вами действия могут иметь отдельные файлы, если вы захотите. Я создал действие в отдельном файле, потому что:1. оно работает только с «пушами запросов на ввод», поэтому, если у вас есть другие действия, которые выполняются с разными триггерами, они не будут стабильно работать совместно, 2. это то, что указано в официальной документации и похоже на предлагаемое использование.

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

name: Optimize images on: pull_request jobs:   build:     name: calibreapp/image-actions     runs-on: ubuntu-latest     steps:       - name: Checkout Repo         uses: actions/checkout@master        - name: Compress Images         uses: calibreapp/image-actions@master         with:           githubToken: ${{ secrets.GITHUB_TOKEN }}

Как скачать с GitHub плагины и темы?

Теперь, если вы сделаете запрос на ввод, то увидите, что действие запущено.

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

А продемонстрированный ниже комментарий сообщает, что оно может выполнить оптимизацию.

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

Оно повторно закоммитит эти файлы обратно в запрос на ввод, поэтому, если вы собираетесь использовать запрос на ввод и продолжать работать, вам потребуется выполнить ввод еще раз, прежде чем вы сможете выполнить ввод, чтобы получить оптимизированные изображения.

Еще по теме:  37 типов всплывающих окон для использования на вашем сайте (полное руководство)

Я могу видеть разницу при автоматической оптимизации:

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

Как я могу слить PR, зная, что все в порядке:

Оптимизация изображений с помощью GitHub Actions

Оптимизация изображений с помощью GitHub Actions

Довольно круто. Особенно сложной задачей является локальная оптимизация изображений? А вот и нет. Просто сначала нужно выполнить определенную техническую работу, а затем все будет работать автоматически.

Вадим Дворниковавтор-переводчик статьи «Optimize Images with a GitHub Action»

Источник: www.internet-technologies.ru

Оставьте ответ

Ваш электронный адрес не будет опубликован.