diff --git a/.gitignore b/.gitignore
index a6f2f4ef5b..c08f9add7a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1 @@
-_site/
-
-.sass-cache/
-
-start.bat
\ No newline at end of file
+_site
\ No newline at end of file
diff --git a/_posts/blog/2015-08-21-gulp_starting.md b/_posts/blog/2015-08-21-gulp_starting.md
index bcc8ebbb52..2ff406d872 100644
--- a/_posts/blog/2015-08-21-gulp_starting.md
+++ b/_posts/blog/2015-08-21-gulp_starting.md
@@ -144,6 +144,99 @@ category: blog
});
gulp.task('default', ['javascript']);
+## 压缩CSS代码，并生成sourcemap
+
+ var gulp = require('gulp');
+ var minifyCss = require('gulp-minify-css');
+ var sourcemaps = require('gulp-sourcemaps');
+
+ gulp.task('minifyCss', function() {
+ return gulp.src('src/*.css') // src 目录下所有css文件
+ .pipe(sourcemaps.init()) // 初始化sourcemaps
+ .pipe(minifyCss()) // 压缩css
+ // 配置压缩css参数，参考clean-css
+ .pipe(sourcemaps.write("../maps")) // 写入sourcemaps
+ .pipe(gulp.dest('dist'));
+ });
+
+ gulp.task('default', ['minifyCss']);
+
+压缩CSS类似压缩JS，通过搜索找到了两个可以压缩CSS的插件：gulp-cssmin和gulp-minify-css。前者在gulpjs.com网站中已经搜索不到了，而且已经给出了重复提示：`Duplicate of gulp-minify-css`。后者只不过是封装了另一个插件`clean-css`，在官网的说明上面可以找到。
+
+
+## 压缩图片
+
+ var gulp = require('gulp');
+ var imagemin = require('gulp-imagemin');
+ var pngquant = require('imagemin-pngquant');
+
+
+ gulp.task('imagemin', function () {
+ return gulp.src('src/images/*')
+ .pipe(imagemin({
+ progressive: true, // 设置无损转换
+ svgoPlugins: [{removeViewBox: false}], // svgo插件设置：不删除viewbox属性
+ // use: [pngquant()] // 添加pngquat插件给imagemin使用
+ }))
+ .pipe(gulp.dest('dist/images'));
+ });
+
+ gulp.task('default', ['imagemin']);
+
+我试了一下使用pngquant插件和不使用pngquant插件（没有修改任何配置），压缩后的文件大小是一样的。使用pngquat可以设置压缩的质量、甚至压缩速度。
+
+# 生成CSS雪碧图
+先介绍下CSS雪碧图，其实做过前端的人都知道雪碧图，只是不知道还有这么个高大上的名字而已。CSS雪碧图，也就是CSS Sprite，说白了就是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。在没有使用自动化工具之前，如果需要完成这个定位技术，需要用PS等其他工具，去查看每个图片的大小，然后再写出CSS代码进行定位。如果大小刚好设置得对了，那么完事ok，如果大小差了1、2像素，就需要再手动的调整下CSS代码，如此反复调整~。
+现在有了自动化工具，情况就不一样了，只需要动动手指头，让电脑自己工作就行了~
+下载插件什么的就不用强调，这里我使用的是[gulp.spritesmith](https://www.npmjs.com/package/gulp.spritesmith/)，其实如果从[npm](https://www.npmjs.com/)上搜索spritesmith话，能搜到不同版本的spritesmith。
+
+ var gulp = require('gulp');
+ var spritesmith = require('gulp.spritesmith');
+
+ gulp.task('sprite', function () {
+ return gulp.src('src/images/background/*.png') // 目录下共有三张图片
+ .pipe(spritesmith({
+ imgName: 'sprite.png', // 生成雪碧图的名字
+ cssName: 'sprite.css' // 生成雪碧图的css文件
+ }))
+ .pipe(gulp.dest('dist/images/background'));
+ });
+ gulp.task('default', ['sprite']);
+
+生成的css文件如下：
+
+ /*
+ Icon classes can be used entirely standalone. They are named after their original file names.
+
+ ```html
+
+
+
+
+ 高德公开课 简单地图对象构建
+
+
+放大
+缩小
+
+
+
+
+
diff --git a/bak/demo02.html b/bak/demo02.html
new file mode 100644
index 0000000000..4fc18a994d
--- /dev/null
+++ b/bak/demo02.html
@@ -0,0 +1,53 @@
+
+
+
+ 高德公开课 增加地图控件
+
+
+放大
+缩小
+
+
+
+
+
diff --git a/bak/demo03.html b/bak/demo03.html
new file mode 100644
index 0000000000..0e2ba4416e
--- /dev/null
+++ b/bak/demo03.html
@@ -0,0 +1,108 @@
+
+
+
+ 周边检索
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bak/geolocation.html b/bak/geolocation.html
new file mode 100644
index 0000000000..454d7a4ee8
--- /dev/null
+++ b/bak/geolocation.html
@@ -0,0 +1,127 @@
+
+
+
+ 浏览器定位
+
+
+
+
+
+
+
不支持IE9以下版本
+
定位结果:
+
+
高德地图JavaScript API
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bak/location_encode.html b/bak/location_encode.html
new file mode 100644
index 0000000000..9010f142c1
--- /dev/null
+++ b/bak/location_encode.html
@@ -0,0 +1,136 @@
+
+
+
+ 地理编码
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bak/many_poi.html b/bak/many_poi.html
new file mode 100644
index 0000000000..1e06dfe05a
--- /dev/null
+++ b/bak/many_poi.html
@@ -0,0 +1,296 @@
+
+
+
+
+ 地图自适应显示
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bak/mobile_demo.html b/bak/mobile_demo.html
new file mode 100644
index 0000000000..798741b735
--- /dev/null
+++ b/bak/mobile_demo.html
@@ -0,0 +1,82 @@
+
+
+
+ 高德地图JavaScript API
+
+
+
+
+
+
+
+
+
diff --git a/bak/one_poi.html b/bak/one_poi.html
new file mode 100644
index 0000000000..d61283a982
--- /dev/null
+++ b/bak/one_poi.html
@@ -0,0 +1,181 @@
+
+
+
+
+高德地图JavaScript API
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/bak/test.html b/bak/test.html
new file mode 100644
index 0000000000..d375a35e00
--- /dev/null
+++ b/bak/test.html
@@ -0,0 +1,172 @@
+
+
+
+ 自定义信息窗体
+
+
+
+
+
+ 点击地图上的点标记，打开所添加的自定义信息窗体
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/start.bat b/start.bat
new file mode 100644
index 0000000000..0f746725ba
--- /dev/null
+++ b/start.bat
@@ -0,0 +1 @@
+jekyll server
\ No newline at end of file