2017-03-28 90 views
0

我建立了一個新的Jekyll站點來測試整潔的2.0網格。然而,正如我跑Jekyll Serve我注意到,從我main.scss文件沒有什麼不編譯成我的main.css文件:(Jekyll sass文件沒有編譯

文件夾設置

enter image description here

Config.yml

sass: 
    sass_dir: _scss 

這裏發生了什麼,我怎麼可以讓我main.scss文件編譯?

回答

1

sass_dir不會被SASS轉換器直接,只是爲了遏制partials進行處理:

sass_dir becomes the load path for Sass imports, nothing more. This means that Jekyll does not know about these files directly (..) This folder should only contain imports.

爲了使您的青菜文件轉換,三重劃線的兩行開始文件:

--- 
--- 

// sass content 

輸出文件將位於該文件所在的目錄中。

你可以把它放在css/main.scss和傑基爾將產生css/main.css

+0

現在我收到以下錯誤 - 轉換錯誤:Jekyll :: Converters :: Scss在轉換'assets/main.scss'時遇到錯誤: 沒有將字符串隱式轉換爲整數 jekyll 3.4.2 |錯誤:沒有將字符串隱式轉換爲整數' – samsos

+0

這是另一個故事,看起來您的scss文件中有錯誤,因爲Jekyll現在發現它並正在嘗試轉換它。 – marcanuy

0

我也在玩這個,但我是初學者,所以請帶上一點鹽的建議。

然而,我的設置工作,並編譯所有SCSS的變化,當我跑「傑奇服務--watch」在config.yml指定爲我_sass文件夾:本身含有

sass: 
    sass_dir: _sass 

我_sass文件夾一對夫婦的_scss文件,這是我使用的樣式,但最重要的事情,我想,是我的哲基爾CSS文件夾包含進口只一個文件名爲main.scss,像這樣:

--- 
# Front matter comment to ensure Jekyll properly reads the file 
--- 
@import 
"layout", 
"grids", 
"etc" 

希望這種非技術性的說明對您或者Google搜索如何進行jekyll編譯/處理以及觀察.sccs文件中的更改有用。