Optimieren Sie Bilder mit einer GitHub -Aktion
Kürzlich habe ich versucht, Github -Aktionen zu verwenden, was ein großartiges Werkzeug ist! Einfach ausgedrückt kann Ihr Code ausgeführt werden, z. B. Erstellungsprozesse, Tests und Bereitstellungen. Es handelt sich nur um eine Konfigurationsdatei, mit der alle erforderlichen Code ausgeführt werden können. Es gibt viele Aktionen im GitHub Action -Markt, die alle Arten von Arbeiten für Sie erledigen können.
Mein Ziel ist es, den Code auszuführen, um das Bild so zu optimieren, dass ich mir keine Sorgen mehr machen muss. Jedes Bild im Lagerhaus wird automatisch optimiert.
Es gibt bereits eine vorgefertigte Aktion, die diese Funktion implementieren kann, nämlich die Bildaktionen des Kalibers, die wir in diesem Artikel verwenden werden. Sie müssen auch sicherstellen, dass das Repository Aktionen aktiviert hat. Ich weiß, dass wir in meiner Hauptorganisation nur Aktionen auf einer Repository-Basis aktivieren, was eine der Optionen ist.
Erstellen Sie dann die Konfigurationsdatei in ./github/workflows/optimize-images.yml
. Sie können diese Aktion in dieser Datei konfigurieren. Alle Aktionen können bei Bedarf separate Dateien haben. Ich habe es als separate Datei erstellt, weil: (1) es nur beim "Drücken zum Anfragen" funktioniert. Wenn Sie also andere Aktionen auf verschiedenen Triggern haben, mischen sie sich nicht gut. (2) Hier ist die in ihrer Dokumentation vorgeschlagene Verwendung.
Name: Bild optimieren auf: pull_request Jobs: bauen: Name: Calibreapp/Image-Actions Läufe: Ubuntu-latest Schritte: - Name: Holen Sie sich die Codebasis verwendet: Aktionen/checkout@master - Name: Komprimiertes Bild verwendet: CalibrApp/Image-Actions@Master mit: GitHuBToken: $ {{secrets.github_token}}
Wenn Sie nun eine Pull -Anfrage erstellen, werden Sie sehen, dass sie ausgeführt werden:
Nach erfolgreichem Lauf hinterlässt es einen Kommentar in der Pull -Anfrage, in der erklärt wird, was es optimiert hat:
Außerdem werden diese Dateien in die Pull -Anfrage weitergeleitet. Wenn Sie also weiter an der Pull -Anfrage arbeiten möchten, müssen Sie erneut drücken, um das optimierte Bild zu erhalten.
Ich kann den Auto-Commit anzeigen und den Unterschied sehen:
Ich weiß, wie man PR zusammenfasst, nachdem alles gut geht:
Sehr cool. Ist es besonders schwierig, Bilder lokal zu optimieren? Nicht schwierig. Aber muss nie wieder darüber nachdenken, ist besser? Ja. Sie nehmen hier ein wenig technische Schulden, reduzieren sie aber woanders, was mir zumindest ein sehr faires Geschäft erscheint.
Das obige ist der detaillierte Inhalt vonOptimieren Sie Bilder mit einer GitHub -Aktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen











Ich sehe, dass Google -Schriftarten ein neues Design (Tweet) ausgelöst haben. Im Vergleich zur letzten großen Neugestaltung fühlt sich dies viel iterativer an. Ich kann den Unterschied kaum erkennen

Haben Sie jemals einen Countdown -Timer für ein Projekt benötigt? Für so etwas ist es möglicherweise natürlich, nach einem Plugin zu greifen, aber es ist tatsächlich viel mehr

Alles, was Sie schon immer über Datenattribute in HTML, CSS und JavaScript wissen wollten.

Zu Beginn eines neuen Projekts erfolgt die SASS -Zusammenstellung im Blinzeln eines Auges. Dies fühlt sich gut an, besonders wenn es mit Browsersync kombiniert ist, das nachlädt

Tartan ist ein gemustertes Tuch, das normalerweise mit Schottland verbunden ist, insbesondere mit ihren modischen Kilts. Auf Tartanify.com haben wir über 5.000 Tartan gesammelt

Mit der Inline-Template-Anweisung können wir reichhaltige Vue-Komponenten als fortschreitende Verbesserung gegenüber vorhandenem WordPress-Markup erstellen.

PHP -Vorlagen erhält oft einen schlechten Rap für die Erleichterung von unterdurchschnittlichem Code - aber das muss nicht der Fall sein. Schauen wir uns an, wie PHP -Projekte eine Basis durchsetzen können

Wir sind immer darauf aus, das Web zugänglicher zu machen. Farbkontrast ist nur Mathematik, sodass SASS dazu beitragen kann, Kantenfälle zu bedecken, die Designer möglicherweise verpasst haben.
