O Jekyll fornece suporte integrado para o Sass e pode trabalhar com o CoffeeScript por meio de gem. Ruby. Para usá-los, você deve primeiro criar um arquivo com o nome de extensão adequado (algo como, .sass, .scss ou .coffee) e iniciar o arquivo com duas linhas de traços triplos, como este:

---
---

// start content
.my-definition
  font-size: 1.2em

O Jekyll trata esses arquivos da mesma forma que uma página normal, em que o arquivo de saída será colocado no mesmo diretório de onde veio. Por exemplo, se você tiver um arquivo chamado css/styles.scss na pasta de origem do seu site, o Jekyll o processará e o colocará na pasta de destino do seu site, em css/styles.css.

• Jekyll processa todos os filtros e tags Liquid em arquivos de ativos Se você estiver usando o Mustache ou outra linguagem de templates JavaScript que entre em conflito com a sintaxe do modelo Liquid, você precisará colocar as tags e em torno do seu código.

Sass/SCSS

O Jekyll permite que você personalize sua conversão Sass de determinadas maneiras.

Coloque todos seus partials em seu diretório sass_dir, que por padrão é <source>/css. Para exemplo, dê uma olhada nesse site usando suporte Sass no Jekyll

Se você está usando um @import Sass, precisa garantir que seu sass_dir está definido para o diretório base que contém seus arquivos Sass. Você pode fazer isso assim:

sass:
    sass_dir: _sass

O Sass converte por padrão as opções em sass_dir para _sass.

• O sass_dir só é usado pelo Sass Note que o sass_dirtorna-se o caminho de carregamento para as importações Sass, nada mais. Isso significa que Jekyll não sabe sobre esses arquivos diretamente, portanto, quaisquer arquivos aqui não devem conter o YAML Front Matter como descrito acima, nem serão transformados como descrito acima. Esta pasta deve conter apenas importações.

Você tamm pode especificar o estilo de saída com a opção style no seu arquivo _config.yml:

sass:
    style: compressed

Estes são passados para o Sass, portanto, quaisquer opções de estilo de saída que o Sass suporta também são válidas aqui.

Coffeescript

Para ativar o Coffeescript no Jekyll 3.0 ou acima você deve:

• Instalar o jekyll-coffeescript gem

• Certifique-se de que seu _config.yml esteja atualizado e inclua o seguinte:

pluguins:
 - jekyll-coffeescript

Fonte

mail me: marcio at sieburger dot link