我正在使用来自Grav(https://getgrav.org/downloads/skeletons)的Saturn站点主题,并希望更改主页的背景图像(以及最终的其他样式)。在主题的自定义CSS(user/themes/saturn/CSS/custom.CSS
)中,我更改了背景图像,但除非同时更新custom.CSS
和custom.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
Grav只缩小了加载在主题中的文件。
根据https://github.com/getgrav/grav-theme-saturn/blob/develope/templates/partils/base.html.twig的说法,custom.min.CSS
是加载的CSS文件,因此Grav将缩小它,而不是custom.CSS
。
您有3种解决方案:
base.html.twig
{%do assets.addcss('theme:/css/custom.min.css')%}
中的行到{%do assets.addcss('theme:/css/custom.css')%}
,然后您可以将您喜欢的任何内容添加到custom.css,Grav将为您缩小。但是,如果这样做,更新主题时,您在base.html.twig
中所做的更改将丢失。custom.min.CSS
中,根本不需要将其缩小(尽管其名称为*.min.CSS
),Grav将帮助您缩小它。这样,更新主题时,custom.min.css
中的更改仍将丢失。base.html.twig
并应用上面的第一个或第二个解决方案。这样在更新主题时您的更改就不会丢失。然而,这需要Grav开发技能。
在GRAV的根目录中,尝试运行bin/GRAV clear
。这也应该更新缩小的CSS文件。