読者です 読者をやめる 読者になる 読者になる

github pagesのjekyllでlessを使う

ローカルで作ってる時に

$ jekyll --auto --server

でやってると、lessをcssコンパイルするタイミングが難しい。lesscをwatch的なことしてcssに変換してそれをjekyellの--autoが拾って変換ってなるとややタイムラグが発生してちょっと微妙だった。

ので--autoは諦めてwatchr使ってlessのコンパイルとjekyllのコンパイルを同時にやるようにした。

watch('.*') { |md|
    dir = md[0]

    if dir.match('^_less')
        system 'lessc _less/style.less css/style.css'
        puts 'less convert'
    end

    if !dir.match('^_site')
        system 'jekyll'
    end
}

こんな感じ。まあかなり微妙な違いだけど。。