提问者:小点点

我如何在更新一个Grav主题的“未缩小”CSS文件后缩小CSS?


我正在使用来自Grav(https://getgrav.org/downloads/skeletons)的Saturn站点主题,并希望更改主页的背景图像(以及最终的其他样式)。在主题的自定义CSS(user/themes/saturn/CSS/custom.CSS)中,我更改了背景图像,但除非同时更新custom.CSScustom.min.CSS,否则不会呈现新图像。

我相信两个档案都改是不合适的;系统应该生成一个缩微CSS的新版本。阅读Grav文档(https://learn.getgrav.org/themes/asset-manager),我发现Grav提供

一个资产管道,可用于缩小和压缩资产,以减少浏览器请求的数量,以及资产的总体大小。

我如何运行这个管道来更新/缩小主题的CSS?或者我需要安装一个单独的CSS缩小工具吗?

其他信息:我的user/config/system.yaml文件包括以下内容:

资产:css_pipeline:false#CSS管道是将多个CSS资源统一到一个文件中css_minify:true#在流水线运行期间缩小CSS css_rewrite:true#在流水线运行期间重写任何CSS相关URL


共2个答案

匿名用户

Grav只缩小了加载在主题中的文件。

根据https://github.com/getgrav/grav-theme-saturn/blob/develope/templates/partils/base.html.twig的说法,custom.min.CSS是加载的CSS文件,因此Grav将缩小它,而不是custom.CSS

您有3种解决方案:

  1. 编辑base.html.twig{%do assets.addcss('theme:/css/custom.min.css')%}中的行到{%do assets.addcss('theme:/css/custom.css')%},然后您可以将您喜欢的任何内容添加到custom.css,Grav将为您缩小。但是,如果这样做,更新主题时,您在base.html.twig中所做的更改将丢失。
  2. 您只需将CSS添加到custom.min.CSS中,根本不需要将其缩小(尽管其名称为*.min.CSS),Grav将帮助您缩小它。这样,更新主题时,custom.min.css中的更改仍将丢失。
  3. 创建此主题的子主题,重写base.html.twig并应用上面的第一个或第二个解决方案。这样在更新主题时您的更改就不会丢失。然而,这需要Grav开发技能。

匿名用户

在GRAV的根目录中,尝试运行bin/GRAV clear。这也应该更新缩小的CSS文件。