2017-05-07 48 views
1

我正在使用土星网站主题来自Grav(https://getgrav.org/downloads/skeletons),并且想要更改主页的背景图像(以及最终的其他样式)。在主题的自定义CSS(user/themes/saturn/css/custom.css)中,我更改了背景图像,但未更新新图像,除非我更新了custom.csscustom.min.css更新Grav主题的“未缩小”CSS文件后,如何缩小CSS?

我认为改变这两个文件是不合适的;系统应该生成一个新版本的缩小CSS。读GRAV文档(https://learn.getgrav.org/themes/asset-manager)我发现GRAV提供

的资产管道可用于来缩小和压缩资产以减少浏览器请求的数量,也是资产的整体规模。

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

其他信息: 我user/config/system.yaml文件包括这样的:

assets: css_pipeline: false # The CSS pipeline is the unification of multiple CSS resources into one file css_minify: true # Minify the CSS during pipelining css_rewrite: true # Rewrite any CSS relative URLs during pipelining

回答

0

虽然GRAV的根目录尝试运行bin/grav clear。这应该更新缩小的CSS文件。

0

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

根据https://github.com/getgrav/grav-theme-saturn/blob/develop/templates/partials/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开发技能。