最近我嘗試使用GitHub Actions,這是一個非常棒的工具!簡單來說,它可以運行你的代碼,例如構建流程、測試和部署。它只是一個可以運行任何所需代碼的配置文件。 GitHub Actions市場上有很多Action可以為你完成各種工作。
我的目標是運行代碼來優化圖片,這樣我就不用再操心這件事了。倉庫中的任何圖片都會自動優化。
已經有現成的Action可以實現這個功能,那就是Calibre的image-actions,我們將在本文中使用它。你還需要確保倉庫已啟用Actions。我知道在我的主要組織中,我們只在每個倉庫的基礎上啟用Actions,這也是其中一個選項。
然後,在./github/workflows/optimize-images.yml
創建配置文件。你可以在此文件中配置這個Action。如果需要,所有Action都可以有單獨的文件。我將其創建為單獨的文件,因為:(1) 它只在“推送到拉取請求”時工作,因此,如果你有在不同觸發器上運行的其他Action,它們不會很好地混合;(2) 這是他們的文檔中建議的用法。
name: 優化圖片on: pull_request jobs: build: name: calibreapp/image-actions runs-on: ubuntu-latest steps: - name: 獲取代碼庫uses: actions/checkout@master - name: 壓縮圖片uses: calibreapp/image-actions@master with: githubToken: ${{ secrets.GITHUB_TOKEN }}
現在,如果你創建一個拉取請求,你將看到它運行:
成功運行後,它會在拉取請求中留下評論,說明它優化了什麼:
它還會將這些文件重新提交到拉取請求中,因此,如果你要繼續在拉取請求上工作,則需要再次推送才能獲得優化的圖片。
我可以查看自動提交並查看差異:
我知道一切順利後,如何合併PR:
非常酷。在本地優化圖片是否特別困難?不難。但永遠不必再考慮它是否更好?是的。你在這裡承擔了一點點技術債務,但在其他地方減少了它,這至少在我看來是一筆非常公平的交易。
以上是用github動作優化圖像的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS FlexBox,這是一種佈局方法,用於有效地對齊和分佈響應設計中的空間。它說明了FlexBox用法,將其與CSS網格進行了比較,並詳細瀏覽了瀏覽器支持。

本文討論了使用CSS創建響應網站的技術,包括視口元標籤,靈活的網格,流體媒體,媒體查詢和相對單元。它還涵蓋了使用CSS網格和Flexbox一起使用,並推薦CSS框架

本文討論了CSS盒裝屬性,該屬性控制了元素維度的計算方式。它解釋了諸如Content-Box,Border-Box和Padding-Box之類的值,以及它們對佈局設計和形式對齊的影響。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 Linux新版
SublimeText3 Linux最新版

Dreamweaver Mac版
視覺化網頁開發工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

記事本++7.3.1
好用且免費的程式碼編輯器