add 404 and missing pages
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..c4e870f
--- /dev/null
+++ b/404.html
@@ -0,0 +1,3 @@
+---
+layout: 404
+---
diff --git a/_config.yml b/_config.yml
index 39d979c..90b043f 100755
--- a/_config.yml
+++ b/_config.yml
@@ -83,3 +83,4 @@
   sourcemap: never
 
 pegasus_github_url: "https://github.com/apache/incubator-pegasus"
+pegasus_website_github_url: "https://github.com/apache/incubator-pegasus-website"
diff --git a/_docs/zh/administration/index.md b/_docs/zh/administration/administration.md
similarity index 93%
rename from _docs/zh/administration/index.md
rename to _docs/zh/administration/administration.md
index ff40fc9..0f63aa6 100644
--- a/_docs/zh/administration/index.md
+++ b/_docs/zh/administration/administration.md
@@ -1,5 +1,5 @@
 ---
-menubar: administration_menu
+permalink: docs/administration/index.html
 ---
 
 Pegasus 不仅仅只提供简单的 key value 存储接口,我们还基于稳定性考虑,增加了许多有助于高效运维的特性。
@@ -11,8 +11,8 @@
 
 在服务运行后,偶然的异常(可能是网络,磁盘,系统故障,潜在 Bug 导致的异常)会使集群抖动。如果造成了节点负载不均衡,你可以参照 [负载均衡](rebalance) 进行操作。
 
-如果是随着业务量增大,超出了你的服务资源所能承受的能力,你可以参照 [集群扩容缩容](membership-change) 来增加节点数。
-如果有机器发生持久性的故障,你也可以参照 [集群扩容缩容](membership-change) 剔除这个坏节点。
+如果是随着业务量增大,超出了你的服务资源所能承受的能力,你可以参照 [集群扩容缩容](scale-in-out) 来增加节点数。
+如果有机器发生持久性的故障,你也可以参照 [集群扩容缩容](scale-in-out) 剔除这个坏节点。
 如果是机器的某个SSD盘出故障,可以参照 [坏盘检修](bad-disk) 剔除这个坏盘。
 
 如果需要升级集群,请参照 [集群升级](rolling-update)。
diff --git a/_docs/zh/api/api.md b/_docs/zh/api/api.md
new file mode 100644
index 0000000..161cfaa
--- /dev/null
+++ b/_docs/zh/api/api.md
@@ -0,0 +1,28 @@
+---
+permalink: docs/api/index.html
+---
+
+这里介绍Pegasus服务所提供的用户接口。客户端可以在我们的服务接口上做二次封装。
+通常你只需要通过 [客户端文档](/clients) 学习如何与Pegasus交互。
+
+当前Pegasus支持几种接口协议:
+
+## Pegasus 协议
+
+这也是我们的客户端与Pegasus服务端交互所使用的协议。我们通过该协议暴露了
+
+- 单行非幂等原子操作,如 set/get/del/ttl...
+
+- 单行幂等原子操作,如 check_and_mutate/incr...
+
+- 多行幂等原子操作,如 multiset/multiget/multidel...
+
+- 支持过滤的扫描操作,如 hash_scan/unordered_scan...
+
+## Redis 协议
+
+我们通过Pegasus Redis Proxy这一组件在Pegasus协议之上支持了Redis协议。
+你可以阅读 [Redis适配](/redis) 了解更多。
+
+因为Redis接口提供了GEO支持,我们也借此支持了地理信息查询的功能。
+你可以阅读 [GEO支持](/geo) 了解更多。 
diff --git a/_docs/zh/clients/clients.md b/_docs/zh/clients/clients.md
new file mode 100644
index 0000000..6b03078
--- /dev/null
+++ b/_docs/zh/clients/clients.md
@@ -0,0 +1,12 @@
+---
+permalink: docs/clients/index.html
+---
+
+Pegasus目前提供以下多种客户端支持:
+
+| 编程语言 | 项目链接 |
+| Java | <https://github.com/XiaoMi/pegasus-java-client> |
+| Scala | <https://github.com/XiaoMi/pegasus-scala-client> |
+| Go | <https://github.com/XiaoMi/pegasus-go-client> |
+| Python | <https://github.com/XiaoMi/pegasus-python-client> |
+| NodeJs | <https://github.com/XiaoMi/pegasus-nodejs-client.git> |
diff --git a/_docs/zh/docs.md b/_docs/zh/docs.md
index a11eb32..87b3d81 100644
--- a/_docs/zh/docs.md
+++ b/_docs/zh/docs.md
@@ -2,3 +2,13 @@
 permalink: /docs/index.html
 ---
 
+本文档既是面向Pegasus的运维人员,也是面向使用Pegasus的业务开发者。本文档正在持续改善中,你能够在
+<{{ site.pegasus_website_github_url }}> 这里找到文档所在仓库。非常欢迎你帮助我们改善文档。
+
+-----
+
+文档分类:
+
+- [{{ site.data.translate['title_clients'] }}](/docs/clients)
+- [{{ site.data.translate['title_api'] }}](/docs/api)
+- [{{ site.data.translate['title_administration'] }}](/docs/administration)
diff --git a/_includes/toc.html b/_includes/toc.html
index 20ac9d5..4c36776 100644
--- a/_includes/toc.html
+++ b/_includes/toc.html
@@ -2,7 +2,7 @@
     <span class="icon">
         <i class="fa fa-bars" aria-hidden="true"></i>
     </span>
-    {{ site.data.translate[global_toc] }}
+    {{ site.data.translate['global_toc'] }}
 </p>
 {% capture tocWorkspace %}
     {% comment %}
diff --git a/_layouts/404.html b/_layouts/404.html
new file mode 100644
index 0000000..8a99294
--- /dev/null
+++ b/_layouts/404.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+
+{% include head.html %}
+
+<body>
+    <section class="hero is-fullheight">
+        <div class="hero-body">
+            <div class="container has-text-centered">
+                <div class="columns is-multiline">
+                    <div class="column is-full">
+                        <img src="/assets/images/pegasus-logo-inv.png">
+                    </div>
+
+                    <div class="column is-full">
+                        <p class="title is-size-1 text-red-600"><strong>404</strong></p>
+                        <p class="subtitle pt-3 is-size-4">This page is not the page you are looking for.</p>
+                    </div>
+
+                    <div class="column is-full">
+                        <ul>
+                            <li class="pb-3 is-size-5">
+                                <a href="/">Pegasus Home Page</a>
+                            </li>
+                            <li class="is-size-5">
+                                <a href="/docs">Pegasus Documentation</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+    </section>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/_layouts/docs.html b/_layouts/docs.html
index c868b48..4bbd9cb 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -22,13 +22,13 @@
         <div class="dashboard-main is-scrollable">
             {% include docs_header.html %}
 
-            <section class="hero is-info">
+            <section class="hero is-info lg:mr-3">
                 <div class="hero-body">
                     {% assign page_title = page.slug | prepend: 'title_' %}
                     <p class="title is-size-2 is-centered">{{ site.data.translate[page_title] }}</p>
                 </div>
             </section>
-            <section class="section">
+            <section class="section" style="padding-top: 2rem;">
                 <div class="content">
                     {{ content }}
                 </div>