diff --git a/docs/pattern/index.md b/docs/pattern/index.md
index af541f4d92..35a6a74c77 100644
--- a/docs/pattern/index.md
+++ b/docs/pattern/index.md
@@ -1,7 +1,8 @@
-# 设计模式
+# 典型页面
 
 - category: 0
 - order: 0
+- disabled: true
 
 ---
 
diff --git a/docs/practice/bussiness.md b/docs/practice/bussiness.md
new file mode 100644
index 0000000000..26e58ecdc8
--- /dev/null
+++ b/docs/practice/bussiness.md
@@ -0,0 +1,9 @@
+# 业务组件
+
+- category: 1
+- order: 1
+- disabled: true
+
+---
+
+占位。
diff --git a/docs/practice/index.md b/docs/practice/cases.md
similarity index 73%
rename from docs/practice/index.md
rename to docs/practice/cases.md
index 6f0af86ffe..c49bae3690 100644
--- a/docs/practice/index.md
+++ b/docs/practice/cases.md
@@ -1,4 +1,4 @@
-# 实践
+# 实践案例
 
 - category: 0
 - order: 0
diff --git a/docs/resource/tools.md b/docs/resource/download.md
similarity index 98%
rename from docs/resource/tools.md
rename to docs/resource/download.md
index 70b1c0a00b..71fc33cc06 100644
--- a/docs/resource/tools.md
+++ b/docs/resource/download.md
@@ -1,6 +1,7 @@
 # 资源下载
 
-- category: 资源
+- order: 0
+- category: 0
 
 ---
 
diff --git a/docs/resource/reference.md b/docs/resource/reference.md
new file mode 100644
index 0000000000..cec7dcbce4
--- /dev/null
+++ b/docs/resource/reference.md
@@ -0,0 +1,8 @@
+# 相关书籍
+
+- order: 1
+- category: 1
+
+---
+
+待补充。
diff --git a/site/static/script.js b/site/static/script.js
index 7d8b972dc6..8f0d3b855e 100644
--- a/site/static/script.js
+++ b/site/static/script.js
@@ -93,9 +93,13 @@ InstantClickChangeFns.push(function() {
     var nextLink = links[currentLinkIndex + 1];
     if (prevLink) {
       prevNextNavNode.append('<a class="prev-page" href="' + prevLink.href + '">' + prevLink.innerHTML + '</a>');
+    } else {
+      prevNextNavNode.append('<span class="prev-page"></span>');
     }
     if (nextLink) {
       prevNextNavNode.append('<a class="next-page" href="' + nextLink.href + '">' + nextLink.innerHTML + '</a>');
+    } else {
+      prevNextNavNode.append('<span class="next-page"></span>');
     }
     prevNextNavNode.appendTo('.main-container');
   }
@@ -121,6 +125,9 @@ InstantClickChangeFns.push(function() {
   var navFunc = {
     navStrArr: [],
     init: function() {
+      if (this.navBar) {
+        return;
+      }
       this.navBox = $(".nav");
       this.navBar = this.navBox.find(".bar");
       this.navList = this.navBox.find("ul li");
diff --git a/site/static/style.css b/site/static/style.css
index 67c600fa36..0049efa6d7 100644
--- a/site/static/style.css
+++ b/site/static/style.css
@@ -214,7 +214,6 @@ a.nav-link-disabled {
 }
 
 .nav .bar {
-  width: 20%;
   height: 3px;
   position: absolute;
   bottom: 0;
@@ -485,16 +484,15 @@ footer ul li > a {
   overflow: hidden;
   padding: 24px 0 0;
   margin-bottom: 24px;
+  position: relative;
 }
 
 .main-container {
   border-left: 1px solid #e9e9e9;
-  margin-left: 260px;
+  margin-left: 259px;
   padding: 0 40px 120px;
   background: #fff;
   min-height: 500px;
-  position: relative;
-  left: -1px;
 }
 
 .main-container-center {
@@ -660,19 +658,21 @@ footer ul li > a {
   left: 0;
   width: 100%;
   overflow: hidden;
-  border-top: 1px solid #e9e9e9;
   font-size: 16px;
+  padding-left: 260px;
 }
 
-.prev-next-nav > a {
+.prev-next-nav > .prev-page,
+.prev-next-nav > .next-page {
   padding: 0 24px;
   width: 50%;
   float: left;
   line-height: 72px;
   height: 72px;
+  border-top: 1px solid #e9e9e9;
 }
 
-.prev-next-nav > .prev-page:before {
+.prev-next-nav > a.prev-page:before {
   font-family: 'anticon';
   content: '\e601';
   font-size: 12px;
@@ -684,7 +684,7 @@ footer ul li > a {
   float: right;
 }
 
-.prev-next-nav > .next-page:after {
+.prev-next-nav > a.next-page:after {
   font-family: 'anticon';
   content: '\e600';
   font-size: 12px;
@@ -697,6 +697,8 @@ footer ul li > a {
   right: 4%;
   margin-right: 24px;
   font-size: 12px;
+  background: #fff;
+  z-index: 100;
 }
 
 .toc li > ul {
@@ -2160,20 +2162,10 @@ a.entry-link:hover .anticon-smile {
 .demos-anchor {
   color: #aaa;
   position: fixed;
-  top: 100px;
-  right: 32px;
+  margin-right: 24px;
+  top: 128px;
+  right: 4%;
   z-index: 100;
-  transition: all 0.3s ease;
   background: #fff;
-  background: rgba(255,255,255,0.9);
-  padding: 8px 10px 8px 24px;
-  border-radius: 6px 0 0 6px;
-  margin: 0;
   font-size: 12px;
-  border-right: 0;
-  -webkit-animation: .5s ease-out 0.5s xRightMatrix;
-  animation: .5s ease-out 0.5s xRightMatrix;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-  opacity: 0;
 }
diff --git a/site/templates/layout.html b/site/templates/layout.html
index d9a8fec099..5b56f34c76 100644
--- a/site/templates/layout.html
+++ b/site/templates/layout.html
@@ -67,10 +67,10 @@
             <a href="{{static_url('../')}}" data-no-instant>首页</a>
           </li>
           <li class="{%- if post.directory|rootDirectoryIn(['docs/practice']) %}current{%- endif %}">
-            <a href="{{static_url('../docs/practice/index')}}">实践</a>
+            <a href="{{static_url('../docs/practice/cases')}}">实践</a>
           </li>
           <li class="{%- if post.directory|rootDirectoryIn(['docs/pattern']) %}current{%- endif %}">
-            <a href="{{static_url('../docs/pattern/index')}}">模式</a>
+            <a href="{{static_url('../docs/pattern/navigation')}}">模式</a>
           </li>
           <li class="{%- if post.directory|rootDirectoryIn(['docs/spec']) %}current{%- endif %}">
             <a href="{{static_url('../docs/spec/introduce')}}">语言</a>
@@ -79,7 +79,7 @@
             <a href="{{static_url('../docs/react/introduce')}}">组件</a>
           </li>
           <li class="{%- if post.directory|rootDirectoryIn(['docs/resource']) %}current{%- endif %}">
-            <a href="{{static_url('../docs/resource/index')}}">资源</a>
+            <a href="{{static_url('../docs/resource/download')}}">资源</a>
           </li>
         </ul>
       </nav>
diff --git a/site/theme.js b/site/theme.js
index 0ae7b69415..e8c48a3642 100644
--- a/site/theme.js
+++ b/site/theme.js
@@ -84,7 +84,6 @@ module.exports = function(nico) {
           if (!cat) {
             return;
           }
-          console.log(itemDirectory, item.directory, directories);
           if (directories.indexOf(itemDirectory) >= 0 ||
               item.filename.indexOf('CHANGELOG') >= 0) {
             item.filename = item.filename.toLowerCase();