2017-05-07 46 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開發技能。