gulpfile.js

var gulp         = require('gulp');
var cp           = require('child_process');
var minifyCss = require('gulp-minify-css');
var notify = require("gulp-notify")

var sass = require('gulp-ruby-sass')
;
var bower = require('gulp-bower');
var browserSync  = require('browser-sync');
var imagemin     = require('gulp-imagemin');

var config = {

    sassPath: './_sass',

    bowerDir: './bower_components',
    assetDir: './assets',
    outputDir: './_site'

}

var messages = {
    jekyllBuild: '<span style="color: grey">Running:</span> $ jekyll build'
};

gulp.task('bower', function() {

    return bower()

        .pipe(gulp.dest(config.bowerDir))

});

gulp.task('jekyll-build', ['css','icons','bower'], function (done) {
    browserSync.notify(messages.jekyllBuild);
    return cp.spawn('jekyll', ['build'], {stdio: 'inherit'})
             .on('close', done);
});

gulp.task('jekyll-rebuild', ['jekyll-build'], function () {
    browserSync.reload();
});

// minifiy images
gulp.task('images', function () {
    return gulp.src('images/*')
        .pipe(imagemin({
            progressive: true,
            svgoPlugins: [{removeViewBox: false}],
            use: [pngquant()]
        }))
        .pipe(gulp.dest('images'));
});

gulp.task('icons', function() {

    return gulp.src(config.bowerDir + '/fontawesome/fonts/**.*')

        .pipe(gulp.dest(config.assetDir + '/fonts'))
        .pipe(gulp.dest(config.outputDir + '/assets/fonts'));

});

gulp.task('css', function() {

    return sass(config.sassPath + '/main.scss', {

            style: 'compressed',

            loadPath: [

                config.sassPath,
                config.bowerDir + '/normalize.scss/',
                config.bowerDir + '/fontawesome/scss',

            ],
            compass: true

        })

        .pipe(minifyCss())
        .pipe(gulp.dest(config.assetDir + '/css'))

        .pipe(gulp.dest(config.outputDir + '/assets/css'))
        .pipe(browserSync.stream());

});

gulp.task('build', ['bower', 'icons', 'css' ,'jekyll-build']);
gulp.task('serve', ['build'], function() {
    browserSync.init({
        server: {
            baseDir: "./_site"
        }
    });

    // Start a watch for rebuilds
    gulp.watch(['_sass/*.scss'], ['css'])
    gulp.watch(['index.html', '_layouts/*.html', '_includes/*', '_posts/*', 'images/*'], ['jekyll-rebuild']);
});


gulp.task('default', ['serve']);