edit readme, package.json, add gulpfile for livereload

Author: bluenex

README.md

@@ -30,6 +30,14 @@ After the header of each post, you can simply write down a post. You can see exa
 ### Using drafts
 [Drafts](http://jekyllrb.com/docs/drafts/) is a useful feature of Jekyll. To use drafts, first we don't need the date on file name of the post and second we need to place it in `_drafts` folder. After that you can work with drafts by running Jekyll with flag `--drafts`. This blog uses bundler and normally we run by `bundle exec jekyll serve`, thus if you need to see draft as a latest post you need to run `bundle exec jekyll serve --drafts`.
 
+### Start writing
+After cloning repo you can start writing a post. To be able to see how it would look like when served you need to install some of the requirements.
+
+Go to tupleblog repo and run `npm install` to install all required node modules. Then run `bundle install` to install all required gems, and you are good to go. By default we run jekyll by `bundle exec jekyll serve --watch --drafts`, but by now I've included [Gulp to help in live-reloading](https://nvbn.github.io/2015/06/19/jekyll-browsersync/), so to observe how the blog looks like you need to do 2 things.
+
+- go to `_config.yml` and then go to line 9. Do following comments there.
+- run `gulp` and the blog is served!
+
 ### Members
 - [Titipat Achakulvisut (My)](http://titipata.github.io)
 - [Tulakan Ruangrong (Tul)](https://github.com/bluenex)

_config.yml

@@ -6,8 +6,8 @@ words_per_minute: 800
 # Your site's domain goes here (eg: //mmistakes.github.io, http://mademistakes.com, etc)
 # When testing locally leave blank or use http://localhost:4000
 
-# url: # comment this when pushing to server
-url: http://tupleblog.github.io # comment this when testing locally
+url: # comment this when pushing to server
+# url: http://tupleblog.github.io # comment this when testing locally
 
 # Owner/author information
 owner:
@@ -70,4 +70,4 @@ kramdown:
     coderay_css: class
 
 include: [".htaccess"]
-exclude: ["lib", "config.rb", "Capfile", "config", "Gemfile", "Gemfile.lock", "README.md", "LICENSE", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules"]
+exclude: ["lib", "config.rb", "Capfile", "config", "Gemfile", "Gemfile.lock", "README.md", "LICENSE", "log", "Rakefile", "Rakefile.rb", "tmp", "less", "*.sublime-project", "*.sublime-workspace", "test", "spec", "Gruntfile.js", "package.json", "node_modules", "gulpfile.js"]

gulpfile.js

@@ -0,0 +1,17 @@
+var gulp = require('gulp');
+var shell = require('gulp-shell');
+var browserSync = require('browser-sync').create();
+
+// Task for building blog when something changed:
+gulp.task('build', shell.task(['bundle exec jekyll build --watch --drafts']));
+// Or if you don't use bundle:
+// gulp.task('build', shell.task(['jekyll build --watch']));
+
+// Task for serving blog with Browsersync
+gulp.task('serve', function () {
+    browserSync.init({server: {baseDir: '_site/'}});
+    // Reloads page when some of the already built files changed:
+    gulp.watch('_site/**/*.*').on('change', browserSync.reload);
+});
+
+gulp.task('default', ['build', 'serve']);

package.json

@@ -13,12 +13,17 @@
     "node": ">= 0.10.0"
   },
   "devDependencies": {
+    "browser-sync": "^2.10.1",
+    "bundler": "^0.8.0",
     "grunt": "~0.4.1",
     "grunt-contrib-clean": "~0.5.0",
+    "grunt-contrib-imagemin": "~0.2.0",
     "grunt-contrib-jshint": "~0.6.3",
     "grunt-contrib-uglify": "~0.2.2",
     "grunt-contrib-watch": "~0.5.2",
-    "grunt-contrib-imagemin": "~0.2.0",
-    "grunt-svgmin": "~0.2.0"
+    "grunt-svgmin": "~0.2.0",
+    "gulp": "^3.9.0",
+    "gulp-shell": "^0.5.1",
+    "lodash": "^3.10.1"
   }
 }