A Gulp setup for building Jekyll websites with auto-reloading in browsers

Gulpfile.js

var gulp = require('gulp');
var spawn = require('child_process').spawn;
var tinylr = require('tiny-lr')();
var jekyllPid;

function notifyLiveReload(event) {
    var fileName = require('path').relative(__dirname, event.path);

    tinylr.changed({
        body: {
            files: [fileName]
        }
    });
}

gulp.task('jekyll-build', function() {
    if (jekyllPid) { jekyllPid.kill(); }

    jekyllPid = spawn("bundle", ['exec', 'jekyll', 'build', '--watch'], {stdio: 'inherit'});
});

gulp.task('express', function() {
    var express = require('express');
    var app = express();
    app.use(require('connect-livereload')({port: 35729}));
    app.use(express.static(__dirname + "/_site"));
    app.listen(8000, '0.0.0.0');
});

gulp.task('livereload', function() {
    tinylr.listen(35729);
});

gulp.task('watch', function() {
    gulp.watch('_config.yml', ['jekyll-build']);
    gulp.watch(['_site/**/*'], notifyLiveReload);
});

gulp.task('default', ['jekyll-build', 'express', 'livereload', 'watch']);

package.json

{
  "devDependencies": {
    "connect-livereload": "^0.5.4",
    "express": "^4.13.3",
    "gulp": "^3.9.0",
    "path": "^0.12.7",
    "tiny-lr": "^0.2.1"
  }
}