目錄結構
.|-_sass
|-default.sass
|-css
|-main.sass
- 將.sass(.scss)放於_sass資料夾中。
- 將主css放於css資料夾中。
在main.sass中加入:
------
@import "default"
- 需要加---是因為此檔案是要可以被jekyll所解析的,所以要符合jekyll格式。
- @import的路徑只要是檔案名就可以了。
在.html中引用的路徑是css/main.css
- jekyll會將.sass解析為.css所以後面寫.css即可。
PS:
想要變更_sass資料夾位置或名稱,在_config.yml中加入:
sass:
sass_dir: 路徑
想要將css壓縮,在_config.yml中加入:
sass:
style: :compressed
沒有留言:
張貼留言