最近我尝试使用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版
视觉化网页开发工具

螳螂BT
Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

记事本++7.3.1
好用且免费的代码编辑器