diff --git a/2012.html b/2012.html
index d240398..7a77629 100644
--- a/2012.html
+++ b/2012.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2012/12.html b/2012/12.html
index adc6848..d0e9b5e 100644
--- a/2012/12.html
+++ b/2012/12.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2012/12/31.html b/2012/12/31.html
index 8f91213..9599a5e 100644
--- a/2012/12/31.html
+++ b/2012/12/31.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2012/12/31/summary_of_2012.html b/2012/12/31/summary_of_2012.html
index 1e0a853..dd3d240 100644
--- a/2012/12/31/summary_of_2012.html
+++ b/2012/12/31/summary_of_2012.html
@@ -191,7 +191,7 @@ <h3>2013</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013.html b/2013.html
index c2368e5..fb6fc1d 100644
--- a/2013.html
+++ b/2013.html
@@ -132,7 +132,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01.html b/2013/01.html
index b7b1a7e..5b65a49 100644
--- a/2013/01.html
+++ b/2013/01.html
@@ -132,7 +132,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/07.html b/2013/01/07.html
index 4fbc3a7..469bb44 100644
--- a/2013/01/07.html
+++ b/2013/01/07.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/07/sass_compass_best_practices_1.html b/2013/01/07/sass_compass_best_practices_1.html
index baad2d6..5922210 100644
--- a/2013/01/07/sass_compass_best_practices_1.html
+++ b/2013/01/07/sass_compass_best_practices_1.html
@@ -254,7 +254,7 @@ <h3>最佳实践和注意</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/09.html b/2013/01/09.html
index 532625e..1fb26b7 100644
--- a/2013/01/09.html
+++ b/2013/01/09.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/09/sass_compass_best_practices_2.html b/2013/01/09/sass_compass_best_practices_2.html
index 162f6d1..62a0ffe 100644
--- a/2013/01/09/sass_compass_best_practices_2.html
+++ b/2013/01/09/sass_compass_best_practices_2.html
@@ -313,7 +313,7 @@ <h3>谨慎的使用@extend</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/13.html b/2013/01/13.html
index e8fc8b5..5120e8f 100644
--- a/2013/01/13.html
+++ b/2013/01/13.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/13/sass_compass_best_practices_3.html b/2013/01/13/sass_compass_best_practices_3.html
index 9f372de..7adac7f 100644
--- a/2013/01/13/sass_compass_best_practices_3.html
+++ b/2013/01/13/sass_compass_best_practices_3.html
@@ -270,7 +270,7 @@ <h3>防止缓存</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/22.html b/2013/01/22.html
index f14c4ac..78b0847 100644
--- a/2013/01/22.html
+++ b/2013/01/22.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/22/backbone_refator.html b/2013/01/22/backbone_refator.html
index 719c4c5..95589f0 100644
--- a/2013/01/22/backbone_refator.html
+++ b/2013/01/22/backbone_refator.html
@@ -325,7 +325,7 @@ <h3>一些Tips</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/28.html b/2013/01/28.html
index 746b0c2..977d10f 100644
--- a/2013/01/28.html
+++ b/2013/01/28.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/28/sudoku_arithmetic_research.html b/2013/01/28/sudoku_arithmetic_research.html
index 551ee39..702c0e2 100644
--- a/2013/01/28/sudoku_arithmetic_research.html
+++ b/2013/01/28/sudoku_arithmetic_research.html
@@ -212,7 +212,7 @@ <h3>数独的数学谜题</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/page/2.html b/2013/01/page/2.html
index faf7f38..4c70971 100644
--- a/2013/01/page/2.html
+++ b/2013/01/page/2.html
@@ -134,7 +134,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/01/page/3.html b/2013/01/page/3.html
index 5c9389c..07762c0 100644
--- a/2013/01/page/3.html
+++ b/2013/01/page/3.html
@@ -130,7 +130,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/02.html b/2013/02.html
index 6549bd5..d6183b3 100644
--- a/2013/02.html
+++ b/2013/02.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/02/04.html b/2013/02/04.html
index 297b25f..9513b59 100644
--- a/2013/02/04.html
+++ b/2013/02/04.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/02/04/use_css3_to_create_innovation_search_box.html b/2013/02/04/use_css3_to_create_innovation_search_box.html
index 2be81e5..50fc5c2 100644
--- a/2013/02/04/use_css3_to_create_innovation_search_box.html
+++ b/2013/02/04/use_css3_to_create_innovation_search_box.html
@@ -277,7 +277,7 @@ <h3>使用animation和keyframe让“尾巴”动起来</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/03.html b/2013/03.html
index 73ce648..e7801ad 100644
--- a/2013/03.html
+++ b/2013/03.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/03/15.html b/2013/03/15.html
index 09c6380..27e6839 100644
--- a/2013/03/15.html
+++ b/2013/03/15.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/03/15/how-to-build-frontend-dev-env.html b/2013/03/15/how-to-build-frontend-dev-env.html
index 555e629..db03be7 100644
--- a/2013/03/15/how-to-build-frontend-dev-env.html
+++ b/2013/03/15/how-to-build-frontend-dev-env.html
@@ -411,7 +411,7 @@ <h3>CI Pipeline</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/05.html b/2013/05.html
index ac18de9..b97f78d 100644
--- a/2013/05.html
+++ b/2013/05.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/05/28.html b/2013/05/28.html
index eaee007..2a4374e 100644
--- a/2013/05/28.html
+++ b/2013/05/28.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/05/28/build_offline_mobile_web_app.html b/2013/05/28/build_offline_mobile_web_app.html
index 0bfef1f..302a46c 100644
--- a/2013/05/28/build_offline_mobile_web_app.html
+++ b/2013/05/28/build_offline_mobile_web_app.html
@@ -291,7 +291,7 @@ <h3>延伸</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/page/2.html b/2013/page/2.html
index fe9eaf1..f23ed92 100644
--- a/2013/page/2.html
+++ b/2013/page/2.html
@@ -134,7 +134,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/page/3.html b/2013/page/3.html
index 4a28d37..01c6e76 100644
--- a/2013/page/3.html
+++ b/2013/page/3.html
@@ -134,7 +134,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2013/page/4.html b/2013/page/4.html
index 94ed99d..1fb70a5 100644
--- a/2013/page/4.html
+++ b/2013/page/4.html
@@ -132,7 +132,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014.html b/2014.html
index e13cd60..66d6528 100644
--- a/2014.html
+++ b/2014.html
@@ -132,7 +132,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/06.html b/2014/06.html
index 9ce3110..01851d4 100644
--- a/2014/06.html
+++ b/2014/06.html
@@ -130,7 +130,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/06/05.html b/2014/06/05.html
index 36fb94b..d32af82 100644
--- a/2014/06/05.html
+++ b/2014/06/05.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/06/05/frontend_architecture_in_a_large_corp_portal_site.html b/2014/06/05/frontend_architecture_in_a_large_corp_portal_site.html
index 2e1754d..2c23e0a 100644
--- a/2014/06/05/frontend_architecture_in_a_large_corp_portal_site.html
+++ b/2014/06/05/frontend_architecture_in_a_large_corp_portal_site.html
@@ -261,7 +261,7 @@ <h4>Test Framework</h4>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/06/09.html b/2014/06/09.html
index b9dde97..8a1067b 100644
--- a/2014/06/09.html
+++ b/2014/06/09.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/06/09/grunt_config_as_modules.html b/2014/06/09/grunt_config_as_modules.html
index 43db707..e0846fb 100644
--- a/2014/06/09/grunt_config_as_modules.html
+++ b/2014/06/09/grunt_config_as_modules.html
@@ -228,7 +228,7 @@ <h2>——Gruntfile的模块化</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/12.html b/2014/12.html
index 973696d..b1cdc78 100644
--- a/2014/12.html
+++ b/2014/12.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/12/09.html b/2014/12/09.html
index b19bc54..3e9ec0f 100644
--- a/2014/12/09.html
+++ b/2014/12/09.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/12/09/readable_testable_runnable_API_documentation.html b/2014/12/09/readable_testable_runnable_API_documentation.html
index 57df6eb..1b30127 100644
--- a/2014/12/09/readable_testable_runnable_API_documentation.html
+++ b/2014/12/09/readable_testable_runnable_API_documentation.html
@@ -324,7 +324,7 @@ <h3>总结</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2014/page/2.html b/2014/page/2.html
index 04f6746..95d5037 100644
--- a/2014/page/2.html
+++ b/2014/page/2.html
@@ -130,7 +130,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015.html b/2015.html
index e663e63..af10a69 100644
--- a/2015.html
+++ b/2015.html
@@ -132,7 +132,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/01.html b/2015/01.html
index f2ee023..a5a0830 100644
--- a/2015/01.html
+++ b/2015/01.html
@@ -130,7 +130,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/01/13.html b/2015/01/13.html
index 413c53d..8c502a0 100644
--- a/2015/01/13.html
+++ b/2015/01/13.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/01/13/replace_backbonejs_view_with_reactj_1.html b/2015/01/13/replace_backbonejs_view_with_reactj_1.html
index 0d20201..619bdd5 100644
--- a/2015/01/13/replace_backbonejs_view_with_reactj_1.html
+++ b/2015/01/13/replace_backbonejs_view_with_reactj_1.html
@@ -276,7 +276,7 @@ <h3>一些资料</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/01/15.html b/2015/01/15.html
index 4705a68..741c654 100644
--- a/2015/01/15.html
+++ b/2015/01/15.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/01/15/replace_backbonejs_view_with_reactj_2.html b/2015/01/15/replace_backbonejs_view_with_reactj_2.html
index 20a4ddc..939950d 100644
--- a/2015/01/15/replace_backbonejs_view_with_reactj_2.html
+++ b/2015/01/15/replace_backbonejs_view_with_reactj_2.html
@@ -478,7 +478,7 @@ <h3>总结</h3>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/04.html b/2015/04.html
index a574b8e..c4ff791 100644
--- a/2015/04.html
+++ b/2015/04.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/04/09.html b/2015/04/09.html
index e517a19..65731f2 100644
--- a/2015/04/09.html
+++ b/2015/04/09.html
@@ -128,7 +128,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/04/09/basic_architecture_and_evolution_for_a_flux_front_end_system.html b/2015/04/09/basic_architecture_and_evolution_for_a_flux_front_end_system.html
index 9256d16..1c78e7d 100644
--- a/2015/04/09/basic_architecture_and_evolution_for_a_flux_front_end_system.html
+++ b/2015/04/09/basic_architecture_and_evolution_for_a_flux_front_end_system.html
@@ -127,7 +127,7 @@ <h4>reflux.js</h4>
 <pre><code class="js">var Reflux = require(&#39;reflux&#39;);
 var React = require(&#39;react&#39;);
 
-var UserAction = Reflux.createActions({
+var UserAction = Reflux.createAction({
     &#39;login&#39;: {children: [&#39;success&#39;, &#39;failed&#39;]}
 });
 
@@ -187,7 +187,7 @@ <h4>页面render的lifecircle</h4>
 
 <p>然后我发现在很多时候我需要在程序中去控制页面跳转，例如：登录成功以后跳转到首页。于是我就在登录后用 <code>window.location.hash = &#39;/&#39;</code> 去做跳转。后来我发现程序中到处都是 <code>window.location.hash = &#39;xxx&#39;</code>，到处修改这种全局变量不是一个好的实践，并且这样在未来做isomophic也会很难。于是我决定用Flux的方式来处理这一部分逻辑。很显然，这里的Store存储的是当前的route，Action所触发的是route的改变，于是我们增加了RouteStore和RouteAction：</p>
 
-<pre><code class="js">var RouteAction = Reflux.createActions([&#39;navigateTo&#39;]);
+<pre><code class="js">var RouteAction = Reflux.createAction([&#39;navigateTo&#39;]);
 
 var RouteStore = Reflux.createStore({
     listenables: RouteActions,
@@ -224,7 +224,7 @@ <h4>页面render的lifecircle</h4>
 
 <p>同样，我希望把这种layout和page的render也用Flux的方式来进行管理。那么这里Store所存储的就是页面的component，Action所触发的就是页面component的改变，于是我增加了PageStore和PageAction，同时把各种layout放到PageComponent中管理：</p>
 
-<pre><code class="js">var PageAction = Reflux.createActions([&#39;render&#39;]);
+<pre><code class="js">var PageAction = Reflux.createAction([&#39;render&#39;]);
 
 var PageStore = Reflux.createStore({
     listenables: PageActions,
@@ -268,7 +268,7 @@ <h4>页面render的lifecircle</h4>
 
 <p>最近我们还加上了一个需求，就是对于profile页面，只能让登录的用户进入，对于这种需求在这种架构下就很好添加了，只需要修改PageAction:</p>
 
-<pre><code class="js">var PageAction = Reflux.createActions([&#39;render&#39;, &#39;renderIfLogin&#39;]);
+<pre><code class="js">var PageAction = Reflux.createAction([&#39;render&#39;, &#39;renderIfLogin&#39;]);
 
 PageAction.renderIfLogin.preEmit = function(component, props) {
     if (userIsLogin) {
@@ -297,7 +297,7 @@ <h4>Store与Action</h4>
 
 <p>这里用UsersStore和UsersAction作为示例。其实最开始的时候，它们是UserStore以及UserAction，因为系统中最开始只需要记录和操作当前登录的user：</p>
 
-<pre><code class="js">var UserAction = Reflux.createActions({
+<pre><code class="js">var UserAction = Reflux.createAction({
     asyncResult: true,
     children: [&#39;login&#39;, &#39;register&#39;]
 });
@@ -323,7 +323,7 @@ <h4>Store与Action</h4>
 
 <p>当时的UserStore非常简单，没有任何逻辑，只是把API返回的数据trigger给View就完了。但是当我们增加了显示当前所有user list的需求，我们就必须又增加一个UsersStore和UsersAction：</p>
 
-<pre><code class="js">var UsersAction = Reflux.createActions({
+<pre><code class="js">var UsersAction = Reflux.createAction({
     asyncResult: true,
     children: [&#39;fetch&#39;]
 });
@@ -342,7 +342,7 @@ <h4>Store与Action</h4>
 
 <p>但是如果只是简单的这么写，就会有一个陷阱，因为UsersStore其实是包含了UserStore的，也就是说当前user的数据需要在两个地方维护；并且同样一个Domain，被分成了两个Action + 两个Store，也非常奇怪。基于以上两点，我决定针对同一个Domain，只会有一个Action和一个Store与之对应，这样概念上更好理解，并且不会出样同一份数据，要在两处维护的麻烦。于是UserAction和UserStore就被合并到了UsersAction和UsersStore中：</p>
 
-<pre><code class="js">var UsersAction = Reflux.createActions({
+<pre><code class="js">var UsersAction = Reflux.createAction({
     asyncResult: true,
     children: [&#39;fetchAll&#39;, &#39;login&#39;, &#39;register&#39;]
 });
@@ -408,7 +408,7 @@ <h4>Store与Action</h4>
 
 <p>然后我们发现其实Store里面监听不同的Action所做的事情都是一样的，那么我们可以进一步简化：</p>
 
-<pre><code class="js">var UsersAction = Reflux.createActions([&#39;fetchAll&#39;, &#39;login&#39;, &#39;register&#39;, &#39;save&#39;]);
+<pre><code class="js">var UsersAction = Reflux.createAction([&#39;fetchAll&#39;, &#39;login&#39;, &#39;register&#39;, &#39;save&#39;]);
 
 UsersAction.fetchAll.listen(function(data) {
     $.get(&#39;/api/users&#39;, data).then(this.save);
@@ -462,7 +462,7 @@ <h4>Store与Action</h4>
 
 <p>看到这里好像还少了点什么？对，就是错误处理。很多时候我们需要显示Server端的错误，或者是当401的时候跳转到登录页面。针对这个我们的处理方式是有一个全局的ExceptionAction和ExceptionStore：</p>
 
-<pre><code class="js">var ExceptionAction = Reflux.createActions([&#39;serverError&#39;]);
+<pre><code class="js">var ExceptionAction = Reflux.createAction([&#39;serverError&#39;]);
 
 ExceptionAction.serverError.preEmit = function(error) {
     if (error.status === 401) {
@@ -558,7 +558,7 @@ <h4>如何做数据缓存？</h4>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/2015/page/2.html b/2015/page/2.html
index 0a4fa28..7af1563 100644
--- a/2015/page/2.html
+++ b/2015/page/2.html
@@ -130,7 +130,7 @@ <h1>Archive for
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/about.html b/about.html
index e160a26..a6be5c5 100644
--- a/about.html
+++ b/about.html
@@ -133,7 +133,7 @@
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/feed.xml b/feed.xml
index c97bee5..8665e15 100644
--- a/feed.xml
+++ b/feed.xml
@@ -60,7 +60,7 @@
 &lt;pre&gt;&lt;code class="js"&gt;var Reflux = require(&amp;#39;reflux&amp;#39;);
 var React = require(&amp;#39;react&amp;#39;);
 
-var UserAction = Reflux.createActions({
+var UserAction = Reflux.createAction({
     &amp;#39;login&amp;#39;: {children: [&amp;#39;success&amp;#39;, &amp;#39;failed&amp;#39;]}
 });
 
@@ -120,7 +120,7 @@ var router = new Router({
 
 &lt;p&gt;然后我发现在很多时候我需要在程序中去控制页面跳转，例如：登录成功以后跳转到首页。于是我就在登录后用 &lt;code&gt;window.location.hash = &amp;#39;/&amp;#39;&lt;/code&gt; 去做跳转。后来我发现程序中到处都是 &lt;code&gt;window.location.hash = &amp;#39;xxx&amp;#39;&lt;/code&gt;，到处修改这种全局变量不是一个好的实践，并且这样在未来做isomophic也会很难。于是我决定用Flux的方式来处理这一部分逻辑。很显然，这里的Store存储的是当前的route，Action所触发的是route的改变，于是我们增加了RouteStore和RouteAction：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var RouteAction = Reflux.createActions([&amp;#39;navigateTo&amp;#39;]);
+&lt;pre&gt;&lt;code class="js"&gt;var RouteAction = Reflux.createAction([&amp;#39;navigateTo&amp;#39;]);
 
 var RouteStore = Reflux.createStore({
     listenables: RouteActions,
@@ -157,7 +157,7 @@ RouteStore.listen(function(newRoute) {
 
 &lt;p&gt;同样，我希望把这种layout和page的render也用Flux的方式来进行管理。那么这里Store所存储的就是页面的component，Action所触发的就是页面component的改变，于是我增加了PageStore和PageAction，同时把各种layout放到PageComponent中管理：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var PageAction = Reflux.createActions([&amp;#39;render&amp;#39;]);
+&lt;pre&gt;&lt;code class="js"&gt;var PageAction = Reflux.createAction([&amp;#39;render&amp;#39;]);
 
 var PageStore = Reflux.createStore({
     listenables: PageActions,
@@ -201,7 +201,7 @@ var PageComponent = React.createClass({
 
 &lt;p&gt;最近我们还加上了一个需求，就是对于profile页面，只能让登录的用户进入，对于这种需求在这种架构下就很好添加了，只需要修改PageAction:&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var PageAction = Reflux.createActions([&amp;#39;render&amp;#39;, &amp;#39;renderIfLogin&amp;#39;]);
+&lt;pre&gt;&lt;code class="js"&gt;var PageAction = Reflux.createAction([&amp;#39;render&amp;#39;, &amp;#39;renderIfLogin&amp;#39;]);
 
 PageAction.renderIfLogin.preEmit = function(component, props) {
     if (userIsLogin) {
@@ -230,7 +230,7 @@ PageAction.renderIfLogin.preEmit = function(component, props) {
 
 &lt;p&gt;这里用UsersStore和UsersAction作为示例。其实最开始的时候，它们是UserStore以及UserAction，因为系统中最开始只需要记录和操作当前登录的user：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var UserAction = Reflux.createActions({
+&lt;pre&gt;&lt;code class="js"&gt;var UserAction = Reflux.createAction({
     asyncResult: true,
     children: [&amp;#39;login&amp;#39;, &amp;#39;register&amp;#39;]
 });
@@ -256,7 +256,7 @@ var UserStore = Reflux.createStore({
 
 &lt;p&gt;当时的UserStore非常简单，没有任何逻辑，只是把API返回的数据trigger给View就完了。但是当我们增加了显示当前所有user list的需求，我们就必须又增加一个UsersStore和UsersAction：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createActions({
+&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createAction({
     asyncResult: true,
     children: [&amp;#39;fetch&amp;#39;]
 });
@@ -275,7 +275,7 @@ var UsersStore = Reflux.createStore({
 
 &lt;p&gt;但是如果只是简单的这么写，就会有一个陷阱，因为UsersStore其实是包含了UserStore的，也就是说当前user的数据需要在两个地方维护；并且同样一个Domain，被分成了两个Action + 两个Store，也非常奇怪。基于以上两点，我决定针对同一个Domain，只会有一个Action和一个Store与之对应，这样概念上更好理解，并且不会出样同一份数据，要在两处维护的麻烦。于是UserAction和UserStore就被合并到了UsersAction和UsersStore中：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createActions({
+&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createAction({
     asyncResult: true,
     children: [&amp;#39;fetchAll&amp;#39;, &amp;#39;login&amp;#39;, &amp;#39;register&amp;#39;]
 });
@@ -341,7 +341,7 @@ var UsersStore = Reflux.createStore({
 
 &lt;p&gt;然后我们发现其实Store里面监听不同的Action所做的事情都是一样的，那么我们可以进一步简化：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createActions([&amp;#39;fetchAll&amp;#39;, &amp;#39;login&amp;#39;, &amp;#39;register&amp;#39;, &amp;#39;save&amp;#39;]);
+&lt;pre&gt;&lt;code class="js"&gt;var UsersAction = Reflux.createAction([&amp;#39;fetchAll&amp;#39;, &amp;#39;login&amp;#39;, &amp;#39;register&amp;#39;, &amp;#39;save&amp;#39;]);
 
 UsersAction.fetchAll.listen(function(data) {
     $.get(&amp;#39;/api/users&amp;#39;, data).then(this.save);
@@ -395,7 +395,7 @@ var UsersStore = Reflux.createStore({
 
 &lt;p&gt;看到这里好像还少了点什么？对，就是错误处理。很多时候我们需要显示Server端的错误，或者是当401的时候跳转到登录页面。针对这个我们的处理方式是有一个全局的ExceptionAction和ExceptionStore：&lt;/p&gt;
 
-&lt;pre&gt;&lt;code class="js"&gt;var ExceptionAction = Reflux.createActions([&amp;#39;serverError&amp;#39;]);
+&lt;pre&gt;&lt;code class="js"&gt;var ExceptionAction = Reflux.createAction([&amp;#39;serverError&amp;#39;]);
 
 ExceptionAction.serverError.preEmit = function(error) {
     if (error.status === 401) {
diff --git a/index.html b/index.html
index 7942ef3..36e498d 100644
--- a/index.html
+++ b/index.html
@@ -713,7 +713,7 @@ <h2>——我在ThoughtWorks的2012</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/resume.html b/resume.html
index 6124dce..7995517 100644
--- a/resume.html
+++ b/resume.html
@@ -369,7 +369,7 @@ <h3 class="primary-enhance">
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/sitemap.xml b/sitemap.xml
index 5a249ef..1cb2b10 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -2,103 +2,103 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
   <url>
     <loc>http://www.zation.me/</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.00</priority>
   </url>
   <url>
     <loc>http://www.zation.me/about.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2015/04/09/basic_architecture_and_evolution_for_a_flux_front_end_system.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2015/01/15/replace_backbonejs_view_with_reactj_2.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2015/01/13/replace_backbonejs_view_with_reactj_1.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2014/12/09/readable_testable_runnable_API_documentation.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2014/06/09/grunt_config_as_modules.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2014/06/05/frontend_architecture_in_a_large_corp_portal_site.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/05/28/build_offline_mobile_web_app.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/03/15/how-to-build-frontend-dev-env.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/02/04/use_css3_to_create_innovation_search_box.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/01/28/sudoku_arithmetic_research.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/01/22/backbone_refator.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/01/13/sass_compass_best_practices_3.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/01/09/sass_compass_best_practices_2.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2013/01/07/sass_compass_best_practices_1.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
   <url>
     <loc>http://www.zation.me/2012/12/31/summary_of_2012.html</loc>
-    <lastmod>2015-04-12T21:57:46+08:00</lastmod>
+    <lastmod>2015-04-13T13:27:15+08:00</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.80</priority>
   </url>
diff --git a/tags/animation.html b/tags/animation.html
index 6cc2900..9f31dcf 100644
--- a/tags/animation.html
+++ b/tags/animation.html
@@ -150,7 +150,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/api-blueprint.html b/tags/api-blueprint.html
index c911802..7d5ff4a 100644
--- a/tags/api-blueprint.html
+++ b/tags/api-blueprint.html
@@ -156,7 +156,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/appcache.html b/tags/appcache.html
index 9473d51..fafa3e3 100644
--- a/tags/appcache.html
+++ b/tags/appcache.html
@@ -153,7 +153,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/arithmetic.html b/tags/arithmetic.html
index d3922de..a742a66 100644
--- a/tags/arithmetic.html
+++ b/tags/arithmetic.html
@@ -143,7 +143,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/backbone-js.html b/tags/backbone-js.html
index c61f949..e9fa9b2 100644
--- a/tags/backbone-js.html
+++ b/tags/backbone-js.html
@@ -278,7 +278,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/bower.html b/tags/bower.html
index 42b28cd..4ab8643 100644
--- a/tags/bower.html
+++ b/tags/bower.html
@@ -164,7 +164,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/compass.html b/tags/compass.html
index 53299e3..a534d0f 100644
--- a/tags/compass.html
+++ b/tags/compass.html
@@ -267,7 +267,7 @@ <h2>——组织结构</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/css.html b/tags/css.html
index d1acc7e..72ce4e5 100644
--- a/tags/css.html
+++ b/tags/css.html
@@ -267,7 +267,7 @@ <h2>——组织结构</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/css3.html b/tags/css3.html
index 2bdcef4..d8488cb 100644
--- a/tags/css3.html
+++ b/tags/css3.html
@@ -150,7 +150,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/document.html b/tags/document.html
index d6b6527..b905eaa 100644
--- a/tags/document.html
+++ b/tags/document.html
@@ -156,7 +156,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/flux.html b/tags/flux.html
index 4f59965..121dd5d 100644
--- a/tags/flux.html
+++ b/tags/flux.html
@@ -162,7 +162,7 @@ <h2>——基础架构以及演进</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/grunt.html b/tags/grunt.html
index c806723..861acb6 100644
--- a/tags/grunt.html
+++ b/tags/grunt.html
@@ -164,7 +164,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/html5.html b/tags/html5.html
index 75219d5..0e36f52 100644
--- a/tags/html5.html
+++ b/tags/html5.html
@@ -153,7 +153,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/javascript.html b/tags/javascript.html
index 05158df..f18cbc6 100644
--- a/tags/javascript.html
+++ b/tags/javascript.html
@@ -248,7 +248,7 @@ <h2>——Backbone.js View的陷阱以及React.js的优点</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/mobile.html b/tags/mobile.html
index 56c5cff..0805baf 100644
--- a/tags/mobile.html
+++ b/tags/mobile.html
@@ -153,7 +153,7 @@ <h1>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/personal.html b/tags/personal.html
index 0480569..21108f4 100644
--- a/tags/personal.html
+++ b/tags/personal.html
@@ -158,7 +158,7 @@ <h2>——我在ThoughtWorks的2012</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/react-js.html b/tags/react-js.html
index 6912776..cb69908 100644
--- a/tags/react-js.html
+++ b/tags/react-js.html
@@ -248,7 +248,7 @@ <h2>——Backbone.js View的陷阱以及React.js的优点</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
diff --git a/tags/sass.html b/tags/sass.html
index 7851d5b..0a0dc91 100644
--- a/tags/sass.html
+++ b/tags/sass.html
@@ -267,7 +267,7 @@ <h2>——组织结构</h2>
 </ul>
     </div>
   </footer>
-  <script src="/javascripts/main.js?1428847065" type="text/javascript"></script>
+  <script src="/javascripts/main.js?1428902835" type="text/javascript"></script>
   <script type="text/javascript">
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),