diff --git a/.gitattributes b/.gitattributes
index 1e3aabc..07962a1 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -70,6 +70,8 @@
 *.pdf binary
 *.doc binary
 *.docx binary
+*.ppt binary
+*.pptx binary
 *.xls binary
 *.xlsx binary
 *.xmind binary
diff --git a/docs/coverpage.md b/docs/coverpage.md
index 14aaf0b..51fe4e3 100644
--- a/docs/coverpage.md
+++ b/docs/coverpage.md
@@ -1,4 +1,5 @@
 <div align="center"><img width="100px" src="http://dunwu.test.upcdn.net/common/logo/zp.png"/></div>
+
 # nginx-tutorial
 
 > Nginx 极简教程
diff --git a/docs/index.html b/docs/index.html
index fd50b9f..b2b2b11 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,214 +1,214 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8"/>
-  <title>Nginx Tutorial</title>
-  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
-  <meta content="Nginx Tutorial" name="description"/>
-  <meta
-    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
-    name="viewport"
-  />
-  <link href="http://dunwu.test.upcdn.net/common/logo/zp_50_50.png" rel="icon" type="image/x-icon"/>
-  <link href="//unpkg.com/docsify/lib/themes/vue.css" rel="stylesheet" title="vue"/>
-  <style>
-    h1 + ul {
-      display: block !important;
-    }
+	<meta charset="UTF-8"/>
+	<title>Nginx Tutorial</title>
+	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
+	<meta content="Nginx Tutorial" name="description"/>
+	<meta
+		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+		name="viewport"
+	/>
+	<link href="http://dunwu.test.upcdn.net/common/logo/zp_50_50.png" rel="icon" type="image/x-icon"/>
+	<link href="//unpkg.com/docsify/lib/themes/vue.css" rel="stylesheet" title="vue"/>
+	<style>
+		h1 + ul {
+			display: block !important;
+		}
 
-    .content img,
-    .sidebar img {
-      border: none;
-      border-radius: 8px;
-      box-shadow: 0 0 8px grey;
-    }
+		.content img,
+		.sidebar img {
+			border: none;
+			border-radius: 8px;
+			box-shadow: 0 0 8px grey;
+		}
 
-    .content,
-    .sidebar,
-    .sidebar-toggle,
-    body,
-    .search input {
-      color: #6B615F !important;
-      background-color: #FFF4E6 !important;
-    }
+		.content,
+		.sidebar,
+		.sidebar-toggle,
+		body,
+		.search input {
+			color: #6B615F !important;
+			background-color: #FFF4E6 !important;
+		}
 
-    .content strong,
-    .sidebar strong,
-    body strong {
-      color: #5C5869 !important;
-    }
-  </style>
-  <style>
-    .cover-main .anchor span {
-      text-align: center;
-      background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
-      -webkit-text-fill-color: transparent;
-      -webkit-background-clip: text;
-      -webkit-background-size: 200% 100%;
-      -webkit-animation: masked-animation 1.5s infinite linear;
-      font-family: "Brush Script MT", 隶书, serif;
-      font-weight: 600;
-    }
+		.content strong,
+		.sidebar strong,
+		body strong {
+			color: #5C5869 !important;
+		}
+	</style>
+	<style>
+		.cover-main .anchor span {
+			text-align: center;
+			background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
+			-webkit-text-fill-color: transparent;
+			-webkit-background-clip: text;
+			-webkit-background-size: 200% 100%;
+			-webkit-animation: masked-animation 1.5s infinite linear;
+			font-family: "Brush Script MT", 隶书, serif;
+			font-weight: 600;
+		}
 
-    .cover-main blockquote p {
-      color: #5C5869;
-      font-family: "Arial", 隶书, serif;
-    }
+		.cover-main blockquote p {
+			color: #5C5869;
+			font-family: "Arial", 隶书, serif;
+		}
 
-    .cover-main ul a:hover {
-      color: #FE4165 !important;
-    }
+		.cover-main ul a:hover {
+			color: #FE4165 !important;
+		}
 
-    .cover-main p a:hover {
-      text-align: center;
-      background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
-      -webkit-text-fill-color: transparent;
-      -webkit-background-clip: text;
-      -webkit-background-size: 200% 100%;
-      -webkit-animation: masked-animation 1.5s infinite linear;
-    }
+		.cover-main p a:hover {
+			text-align: center;
+			background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
+			-webkit-text-fill-color: transparent;
+			-webkit-background-clip: text;
+			-webkit-background-size: 200% 100%;
+			-webkit-animation: masked-animation 1.5s infinite linear;
+		}
 
-    /* content 样式内容 */
-    .sidebar a,
-    .content a {
-      color: #399AB2 !important;
-      text-decoration: none !important;
-    }
+		/* content 样式内容 */
+		.sidebar a,
+		.content a {
+			color: #399AB2 !important;
+			text-decoration: none !important;
+		}
 
-    .sidebar a:hover,
-    .content a:hover {
-      color: #FE4165 !important;
-      text-decoration: underline !important;
-    }
+		.sidebar a:hover,
+		.content a:hover {
+			color: #FE4165 !important;
+			text-decoration: underline !important;
+		}
 
-    .content h1 :hover,
-    .content h2 :hover,
-    .content h3 :hover,
-    .content h4 :hover {
-      text-align: center;
-      background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
-      -webkit-text-fill-color: transparent;
-      -webkit-background-clip: text;
-      -webkit-background-size: 200% 100%;
-      -webkit-animation: masked-animation 1.5s infinite linear;
-      font-family: "微软雅黑", serif;
-      font-weight: bold;
-    }
+		.content h1 :hover,
+		.content h2 :hover,
+		.content h3 :hover,
+		.content h4 :hover {
+			text-align: center;
+			background-image: -webkit-linear-gradient(left, #FFDCB4, #B96972 25%, #E88A57 50%, #804170 75%, #A596CD);
+			-webkit-text-fill-color: transparent;
+			-webkit-background-clip: text;
+			-webkit-background-size: 200% 100%;
+			-webkit-animation: masked-animation 1.5s infinite linear;
+			font-family: "微软雅黑", serif;
+			font-weight: bold;
+		}
 
-    @-webkit-keyframes masked-animation {
-      0% {
-        background-position: 0 0;
-      }
-      100% {
-        background-position: -100% 0;
-      }
-    }
+		@-webkit-keyframes masked-animation {
+			0% {
+				background-position: 0 0;
+			}
+			100% {
+				background-position: -100% 0;
+			}
+		}
 
-    .content h1 a,
-    .content h1 span {
-      color: #399AB2 !important;
-      font-size: 30px;
-      text-shadow: 2px 2px 5px grey;
-    }
+		.content h1 a,
+		.content h1 span {
+			color: #399AB2 !important;
+			font-size: 30px;
+			text-shadow: 2px 2px 5px grey;
+		}
 
-    .content h2 a,
-    .content h2 span {
-      color: #60497C !important;
-      font-size: 26px;
-      text-shadow: 2px 2px 5px grey;
-    }
+		.content h2 a,
+		.content h2 span {
+			color: #60497C !important;
+			font-size: 26px;
+			text-shadow: 2px 2px 5px grey;
+		}
 
-    .content h3 a,
-    .content h3 span {
-      color: #346093 !important;
-      font-size: 22px;
-      text-shadow: 2px 2px 5px grey;
-    }
+		.content h3 a,
+		.content h3 span {
+			color: #346093 !important;
+			font-size: 22px;
+			text-shadow: 2px 2px 5px grey;
+		}
 
-    .content h4 a,
-    .content h4 span {
-      font-size: 18px;
-      color: #78943A;
-      text-shadow: 2px 2px 5px grey;
-    }
+		.content h4 a,
+		.content h4 span {
+			font-size: 18px;
+			color: #78943A;
+			text-shadow: 2px 2px 5px grey;
+		}
 
-    img.emoji {
-      border: none;
-      border-radius: 0;
-      box-shadow: none;
-    }
-  </style>
-  <style>
-    .content > p {
-      font-size: 16px !important;
-      line-height: 24px;
-    }
+		img.emoji {
+			border: none;
+			border-radius: 0;
+			box-shadow: none;
+		}
+	</style>
+	<style>
+		.content > p {
+			font-size: 16px !important;
+			line-height: 24px;
+		}
 
-    .content blockquote {
-      display: block;
-      padding: 0 16px;
-      border-left: 8px solid #DDDFE4;
-      background: #FFF2C9;
-      overflow: auto;
-    }
+		.content blockquote {
+			display: block;
+			padding: 0 16px;
+			border-left: 8px solid #DDDFE4;
+			background: #FFF2C9;
+			overflow: auto;
+		}
 
-    .content pre {
-      padding-left: 0 !important;
-      padding-right: 0 !important;
-      border-radius: 8px;
-      box-shadow: 1px 1px 20px 3px #DDDDDD !important;
-    }
+		.content pre {
+			padding-left: 0 !important;
+			padding-right: 0 !important;
+			border-radius: 8px;
+			box-shadow: 1px 1px 20px 3px #DDDDDD !important;
+		}
 
-    .content code {
-      background-color: white;
-      border-radius: 6px;
-      box-shadow: 1px 1px 1px whitesmoke;
-    }
+		.content code {
+			background-color: white;
+			border-radius: 6px;
+			box-shadow: 1px 1px 1px whitesmoke;
+		}
 
-    .content table {
-      display: table;
-      padding-left: 0 !important;
-      padding-right: 0 !important;
-      box-shadow: 2px 2px 20px 6px #DDDDDD !important;
-    }
+		.content table {
+			display: table;
+			padding-left: 0 !important;
+			padding-right: 0 !important;
+			box-shadow: 2px 2px 20px 6px #DDDDDD !important;
+		}
 
-    .content th {
-      font-weight: bold;
-      font-size: 16px;
-      background-color: #CCE6B6;
-    }
-  </style>
-  <style>
-    @media (min-width: 600px) {
-      .markdown-section pre > code {
-        font-size: 0.9rem !important;
-      }
-    }
+		.content th {
+			font-weight: bold;
+			font-size: 16px;
+			background-color: #CCE6B6;
+		}
+	</style>
+	<style>
+		@media (min-width: 600px) {
+			.markdown-section pre > code {
+				font-size: 0.9rem !important;
+			}
+		}
 
-    @media (max-width: 600px) {
-      .markdown-section pre > code {
-        padding-top: 5px;
-        padding-bottom: 5px;
-      }
+		@media (max-width: 600px) {
+			.markdown-section pre > code {
+				padding-top: 5px;
+				padding-bottom: 5px;
+			}
 
-      pre:after {
-        content: "" !important;
-      }
-    }
+			pre:after {
+				content: "" !important;
+			}
+		}
 
-    @media (min-width: 600px) {
-      pre code {
-        padding-left: 20px !important;
-      }
-    }
+		@media (min-width: 600px) {
+			pre code {
+				padding-left: 20px !important;
+			}
+		}
 
-    @media (max-width: 600px) {
-      pre {
-        padding-left: 0px !important;
-        padding-right: 0px !important;
-      }
-    }
-  </style>
+		@media (max-width: 600px) {
+			pre {
+				padding-left: 0px !important;
+				padding-right: 0px !important;
+			}
+		}
+	</style>
 </head>
 <body>
 <div id="app">正在加载...</div>
diff --git a/docs/package.json b/docs/package.json
index 002375a..4f249a8 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,9 +1,9 @@
 {
-  "name": "nginx-tutorial",
-  "version": "1.0.0",
-  "scripts": {
-    "start": "docsify serve ./  --port 4000"
-  },
-  "dependencies": {},
-  "devDependencies": {}
+	"name": "nginx-tutorial",
+	"version": "1.0.0",
+	"scripts": {
+		"start": "docsify serve ./  --port 4000"
+	},
+	"dependencies": {},
+	"devDependencies": {}
 }
diff --git a/examples/javaapp/src/main/java/io/github/dunwu/web/controller/ApiController.java b/examples/javaapp/src/main/java/io/github/dunwu/web/controller/ApiController.java
index 4be1d34..7f3f401 100644
--- a/examples/javaapp/src/main/java/io/github/dunwu/web/controller/ApiController.java
+++ b/examples/javaapp/src/main/java/io/github/dunwu/web/controller/ApiController.java
@@ -22,7 +22,7 @@ import java.util.TreeSet;
  * 配合前端请求的 API 接口
  *
  * @author zhangpeng0913
- * @date 2017/8/23.
+ * @since 2017/8/23.
  */
 @Controller
 public class ApiController {
diff --git a/examples/javaapp/src/main/java/io/github/dunwu/web/controller/IndexController.java b/examples/javaapp/src/main/java/io/github/dunwu/web/controller/IndexController.java
index db118bb..41dcc84 100644
--- a/examples/javaapp/src/main/java/io/github/dunwu/web/controller/IndexController.java
+++ b/examples/javaapp/src/main/java/io/github/dunwu/web/controller/IndexController.java
@@ -10,7 +10,7 @@ import org.springframework.web.servlet.ModelAndView;
 
 /**
  * @author Zhang Peng
- * @date 2017/4/12.
+ * @since 2017/4/12.
  */
 @Controller
 public class IndexController {
