2014年11月7日 星期五

jekyll使用sass(scss)

目錄結構

.
|-_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

參考

沒有留言:

張貼留言