You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/03/10 10:12:26 UTC

[01/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Repository: incubator-weex-site
Updated Branches:
  refs/heads/asf-site 95bb20771 -> 3669a6983


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/modal.html b/v-0.10/references/modules/modal.html
index 9ec91dd..629e671 100644
--- a/v-0.10/references/modules/modal.html
+++ b/v-0.10/references/modules/modal.html
@@ -48,19 +48,19 @@ APItoast(options)A toast provides simple feedback about an operation in a small
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/navigator.html b/v-0.10/references/modules/navigator.html
index 7ecfbdf..95c3863 100644
--- a/v-0.10/references/modules/navigator.html
+++ b/v-0.10/references/modules/navigator.html
@@ -48,19 +48,19 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/storage.html b/v-0.10/references/modules/storage.html
index 8336cb5..ad8e39a 100644
--- a/v-0.10/references/modules/storage.html
+++ b/v-0.10/references/modules/storage.html
@@ -51,19 +51,19 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/stream.html b/v-0.10/references/modules/stream.html
index d0e394c..3a5db83 100644
--- a/v-0.10/references/modules/stream.html
+++ b/v-0.10/references/modules/stream.html
@@ -57,19 +57,19 @@ option">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ option">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -410,11 +411,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -487,11 +488,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -559,6 +560,7 @@ option">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -842,11 +844,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -919,11 +921,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/timer.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/timer.html b/v-0.10/references/modules/timer.html
index 59443dd..8b6389a 100644
--- a/v-0.10/references/modules/timer.html
+++ b/v-0.10/references/modules/timer.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/webview.html b/v-0.10/references/modules/webview.html
index b11abfc..2e6bfbe 100644
--- a/v-0.10/references/modules/webview.html
+++ b/v-0.10/references/modules/webview.html
@@ -51,19 +51,19 @@ Arguments">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Arguments">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ Arguments">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/special-element.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/special-element.html b/v-0.10/references/special-element.html
index c402f07..e754694 100644
--- a/v-0.10/references/special-element.html
+++ b/v-0.10/references/special-element.html
@@ -51,19 +51,19 @@ ExampleAs shown in the example, \u2018content\u2019">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ ExampleAs shown in the example, \u2018content\u2019">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ ExampleAs shown in the example, \u2018content\u2019">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/specs/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/specs/index.html b/v-0.10/references/specs/index.html
index 6cf749c..45e9cf5 100644
--- a/v-0.10/references/specs/index.html
+++ b/v-0.10/references/specs/index.html
@@ -48,19 +48,19 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/specs/js-bundle-format.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/specs/js-bundle-format.html b/v-0.10/references/specs/js-bundle-format.html
index 2d5accb..b8d8914 100644
--- a/v-0.10/references/specs/js-bundle-format.html
+++ b/v-0.10/references/specs/js-bundle-format.html
@@ -48,19 +48,19 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/specs/js-framework-apis.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/specs/js-framework-apis.html b/v-0.10/references/specs/js-framework-apis.html
index 0423e1f..6c2be84 100644
--- a/v-0.10/references/specs/js-framework-apis.html
+++ b/v-0.10/references/specs/js-framework-apis.html
@@ -51,19 +51,19 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/specs/virtual-dom-apis.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/specs/virtual-dom-apis.html b/v-0.10/references/specs/virtual-dom-apis.html
index 416db80..61a3369 100644
--- a/v-0.10/references/specs/virtual-dom-apis.html
+++ b/v-0.10/references/specs/virtual-dom-apis.html
@@ -51,19 +51,19 @@ Constructornew Document(id: string, url: string?)Membe">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Constructornew Document(id: string, url: string?)Membe">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ Constructornew Document(id: string, url: string?)Membe">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/text-style.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/text-style.html b/v-0.10/references/text-style.html
index fcfea13..fee443d 100644
--- a/v-0.10/references/text-style.html
+++ b/v-0.10/references/text-style.html
@@ -54,19 +54,19 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -407,11 +408,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -484,11 +485,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -556,6 +557,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -839,11 +841,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -916,11 +918,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/devtools-android.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/devtools-android.html b/v-0.10/tools/devtools-android.html
index d957332..b20833b 100644
--- a/v-0.10/tools/devtools-android.html
+++ b/v-0.10/tools/devtools-android.html
@@ -57,19 +57,19 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -186,7 +187,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/devtools-ios.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/devtools-ios.html b/v-0.10/tools/devtools-ios.html
index 82c8201..df7cc37 100644
--- a/v-0.10/tools/devtools-ios.html
+++ b/v-0.10/tools/devtools-ios.html
@@ -63,19 +63,19 @@ $:weex-devtool
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ $:weex-devtool
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -154,21 +155,20 @@ $:weex-devtool
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -184,6 +184,7 @@ $:weex-devtool
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -192,7 +193,7 @@ $:weex-devtool
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/devtools.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/devtools.html b/v-0.10/tools/devtools.html
index 1b69600..066e72b 100644
--- a/v-0.10/tools/devtools.html
+++ b/v-0.10/tools/devtools.html
@@ -56,19 +56,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -117,6 +117,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -147,21 +148,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -177,6 +177,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -185,7 +186,7 @@
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/index.html b/v-0.10/tools/index.html
index 34bdeab..5198392 100644
--- a/v-0.10/tools/index.html
+++ b/v-0.10/tools/index.html
@@ -57,19 +57,19 @@ output less then 2.15.1, please run b">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ output less then 2.15.1, please run b">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ output less then 2.15.1, please run b">
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ output less then 2.15.1, please run b">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -186,7 +187,7 @@ output less then 2.15.1, please run b">
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/playground.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/playground.html b/v-0.10/tools/playground.html
index b246d89..f29b8cf 100644
--- a/v-0.10/tools/playground.html
+++ b/v-0.10/tools/playground.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -138,21 +139,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -168,6 +168,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -176,7 +177,7 @@
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/tools/transformer.html
----------------------------------------------------------------------
diff --git a/v-0.10/tools/transformer.html b/v-0.10/tools/transformer.html
index 9881ae2..e686d0a 100644
--- a/v-0.10/tools/transformer.html
+++ b/v-0.10/tools/transformer.html
@@ -54,19 +54,19 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -145,21 +146,20 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -175,6 +175,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -183,7 +184,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
 <div class="summary">
   <h2 class="part-title">
     
-      Service &amp; Tools
+      Services &amp; Tools
     
   </h2>
   <ul class="doc-summary">


[06/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/guide/intro/index.html b/guide/intro/index.html
index dcb39b8..bb0e57c 100644
--- a/guide/intro/index.html
+++ b/guide/intro/index.html
@@ -63,19 +63,19 @@ Weex Page Architecture">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ Weex Page Architecture">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -223,15 +224,17 @@ Weex Page Architecture">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -302,6 +305,7 @@ Weex Page Architecture">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -392,15 +396,17 @@ Weex Page Architecture">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/guide/intro/page-architecture.html b/guide/intro/page-architecture.html
index 83e7bf2..f882e5f 100644
--- a/guide/intro/page-architecture.html
+++ b/guide/intro/page-architecture.html
@@ -48,19 +48,19 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,15 +209,17 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -287,6 +290,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,15 +381,17 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/guide/intro/using-vue.html b/guide/intro/using-vue.html
index 0b1239a..96e026c 100644
--- a/guide/intro/using-vue.html
+++ b/guide/intro/using-vue.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -207,15 +208,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -286,6 +289,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -376,15 +380,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/guide/intro/web-dev-experience.html b/guide/intro/web-dev-experience.html
index 9fc81de..c4199e7 100644
--- a/guide/intro/web-dev-experience.html
+++ b/guide/intro/web-dev-experience.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -205,15 +206,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -284,6 +287,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -374,15 +378,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/guide/intro/write-once.html b/guide/intro/write-once.html
index b330a1f..36aae2c 100644
--- a/guide/intro/write-once.html
+++ b/guide/intro/write-once.html
@@ -54,19 +54,19 @@ Second, all components &amp;amp; modu">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ Second, all components &amp;amp; modu">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -214,15 +215,17 @@ Second, all components &amp;amp; modu">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -293,6 +296,7 @@ Second, all components &amp;amp; modu">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -383,15 +387,17 @@ Second, all components &amp;amp; modu">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/set-up-env.html
----------------------------------------------------------------------
diff --git a/guide/set-up-env.html b/guide/set-up-env.html
index 5fff5ad..ad7a531 100644
--- a/guide/set-up-env.html
+++ b/guide/set-up-env.html
@@ -14,7 +14,7 @@ You will need Node.js and the Weex CLi.">
 <meta property="og:description" content="Set up development environmentUse dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.
 You will need Node.js and the Weex CLi.">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
-<meta property="og:updated_time" content="2017-03-08T06:04:50.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Set Up Development Environment">
 <meta name="twitter:description" content="Set up development environmentUse dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.
@@ -50,19 +50,19 @@ You will need Node.js and the Weex CLi.">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -111,6 +111,7 @@ You will need Node.js and the Weex CLi.">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -210,15 +211,17 @@ You will need Node.js and the Weex CLi.">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link current ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link current ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -289,6 +292,7 @@ You will need Node.js and the Weex CLi.">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -379,15 +383,17 @@ You will need Node.js and the Weex CLi.">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link current ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link current ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -467,7 +473,7 @@ You will need Node.js and the Weex CLi.">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-08T06:04:50.000Z">Updated time: 08/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Set-up-development-environment"><a href="#Set-up-development-environment" class="headerlink" title="Set up development environment"></a>Set up development environment</h1><p>Use dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.</p>
 <p>You will need Node.js and the <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">Weex CLi</a>.</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/tools/devtools.html
----------------------------------------------------------------------
diff --git a/guide/tools/devtools.html b/guide/tools/devtools.html
index 69449a6..263b5a7 100644
--- a/guide/tools/devtools.html
+++ b/guide/tools/devtools.html
@@ -56,19 +56,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -117,6 +117,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -216,15 +217,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -295,6 +298,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -385,15 +389,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/tools/index.html
----------------------------------------------------------------------
diff --git a/guide/tools/index.html b/guide/tools/index.html
index 9f5ceb7..00e35d8 100644
--- a/guide/tools/index.html
+++ b/guide/tools/index.html
@@ -51,19 +51,19 @@ Weexpack">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Weexpack">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -211,15 +212,17 @@ Weexpack">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -290,6 +293,7 @@ Weexpack">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -380,15 +384,17 @@ Weexpack">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/tools/weexpack.html
----------------------------------------------------------------------
diff --git a/guide/tools/weexpack.html b/guide/tools/weexpack.html
index f8fccbe..eb12948 100644
--- a/guide/tools/weexpack.html
+++ b/guide/tools/weexpack.html
@@ -48,19 +48,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,15 +209,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -287,6 +290,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,15 +381,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/index.html
----------------------------------------------------------------------
diff --git a/index.html b/index.html
index a280c71..09464d0 100644
--- a/index.html
+++ b/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="index-sidebar">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <script>
   ;(function(){
     var currentOrigin = location.origin || 'https://weex-project.io',

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/playground.html
----------------------------------------------------------------------
diff --git a/playground.html b/playground.html
index 4ffc34a..536f8e7 100644
--- a/playground.html
+++ b/playground.html
@@ -42,19 +42,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper playground-wrapper clearfix">
   <div class="left">
     <h2>Weex Playground</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-jsfm.html b/references/advanced/extend-jsfm.html
index d4ab06e..d523124 100644
--- a/references/advanced/extend-jsfm.html
+++ b/references/advanced/extend-jsfm.html
@@ -48,19 +48,19 @@ Weex wants to be able to respect as many developer devel">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Weex wants to be able to respect as many developer devel">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Weex wants to be able to respect as many developer devel">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-android.html b/references/advanced/extend-to-android.html
index a182d43..9895c52 100644
--- a/references/advanced/extend-to-android.html
+++ b/references/advanced/extend-to-android.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-html5.html b/references/advanced/extend-to-html5.html
index aab41ae..464b3b3 100644
--- a/references/advanced/extend-to-html5.html
+++ b/references/advanced/extend-to-html5.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-ios.html b/references/advanced/extend-to-ios.html
index 4c611eb..04912ca 100644
--- a/references/advanced/extend-to-ios.html
+++ b/references/advanced/extend-to-ios.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/references/advanced/index.html b/references/advanced/index.html
index 1c3823e..5af3cbc 100644
--- a/references/advanced/index.html
+++ b/references/advanced/index.html
@@ -63,19 +63,19 @@ Integrate Devtool to iOS">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ Integrate Devtool to iOS">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -688,12 +689,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ Integrate Devtool to iOS">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1275,12 +1277,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/references/advanced/integrate-devtool-to-android.html b/references/advanced/integrate-devtool-to-android.html
index 63cdded..49233e2 100644
--- a/references/advanced/integrate-devtool-to-android.html
+++ b/references/advanced/integrate-devtool-to-android.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/references/advanced/integrate-devtool-to-ios.html b/references/advanced/integrate-devtool-to-ios.html
index b1f2e3d..e10d855 100644
--- a/references/advanced/integrate-devtool-to-ios.html
+++ b/references/advanced/integrate-devtool-to-ios.html
@@ -49,19 +49,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -110,6 +110,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -674,12 +675,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -706,6 +707,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1261,12 +1263,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/android-apis.html
----------------------------------------------------------------------
diff --git a/references/android-apis.html b/references/android-apis.html
index 6083000..40fdad2 100644
--- a/references/android-apis.html
+++ b/references/android-apis.html
@@ -60,19 +60,19 @@ Register the">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ Register the">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -685,12 +686,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ Register the">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1272,12 +1274,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/color-names.html
----------------------------------------------------------------------
diff --git a/references/color-names.html b/references/color-names.html
index 3ee6d70..d778171 100644
--- a/references/color-names.html
+++ b/references/color-names.html
@@ -159,19 +159,19 @@ fuchsia
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -220,6 +220,7 @@ fuchsia
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -784,12 +785,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -816,6 +817,7 @@ fuchsia
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1371,12 +1373,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/common-event.html
----------------------------------------------------------------------
diff --git a/references/common-event.html b/references/common-event.html
index faafb7d..ba5b816 100644
--- a/references/common-event.html
+++ b/references/common-event.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/common-style.html
----------------------------------------------------------------------
diff --git a/references/common-style.html b/references/common-style.html
index 4b21688..b155dd5 100644
--- a/references/common-style.html
+++ b/references/common-style.html
@@ -57,19 +57,19 @@ Weex box model based on the CSS box model, all of weex elements can be considere
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -682,12 +683,12 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1269,12 +1271,12 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/a.html
----------------------------------------------------------------------
diff --git a/references/components/a.html b/references/components/a.html
index 9a7f5c5..67fb29a 100644
--- a/references/components/a.html
+++ b/references/components/a.html
@@ -48,19 +48,19 @@ Child ComponentsThis type of component supports all kinds of weex component as i
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/cell.html
----------------------------------------------------------------------
diff --git a/references/components/cell.html b/references/components/cell.html
index 0aa168b..5100437 100644
--- a/references/components/cell.html
+++ b/references/components/cell.html
@@ -48,19 +48,19 @@ Child ComponentsThis type of component supports all kind">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsThis type of component supports all kind">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Child ComponentsThis type of component supports all kind">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/div.html
----------------------------------------------------------------------
diff --git a/references/components/div.html b/references/components/div.html
index cdad58f..89b6d86 100644
--- a/references/components/div.html
+++ b/references/components/div.html
@@ -48,19 +48,19 @@ alias: &amp;lt;container&amp;gt; (depre">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>


[13/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/text.html
----------------------------------------------------------------------
diff --git a/cn/references/components/text.html b/cn/references/components/text.html
index c56ed7c..4f87295 100644
--- a/cn/references/components/text.html
+++ b/cn/references/components/text.html
@@ -63,19 +63,19 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/cn/references/components/textarea.html b/cn/references/components/textarea.html
index 9f5f2b6..3b8300e 100644
--- a/cn/references/components/textarea.html
+++ b/cn/references/components/textarea.html
@@ -63,19 +63,19 @@ placehold">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ placehold">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ placehold">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/video.html
----------------------------------------------------------------------
diff --git a/cn/references/components/video.html b/cn/references/components/video.html
index 41c02dc..312aca8 100644
--- a/cn/references/components/video.html
+++ b/cn/references/components/video.html
@@ -69,19 +69,19 @@ auto-p">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ auto-p">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -506,11 +507,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -542,11 +543,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -735,6 +736,7 @@ auto-p">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1102,11 +1104,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1138,11 +1140,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/web.html
----------------------------------------------------------------------
diff --git a/cn/references/components/web.html b/cn/references/components/web.html
index 17fea7b..6d2f12e 100644
--- a/cn/references/components/web.html
+++ b/cn/references/components/web.html
@@ -66,19 +66,19 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -503,11 +504,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -539,11 +540,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -732,6 +733,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1099,11 +1101,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1135,11 +1137,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/gesture.html
----------------------------------------------------------------------
diff --git a/cn/references/gesture.html b/cn/references/gesture.html
index 5212658..0329d01 100644
--- a/cn/references/gesture.html
+++ b/cn/references/gesture.html
@@ -57,19 +57,19 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/html5-apis.html b/cn/references/html5-apis.html
index 3ddbd66..e227d37 100644
--- a/cn/references/html5-apis.html
+++ b/cn/references/html5-apis.html
@@ -45,19 +45,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -482,11 +483,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -518,11 +519,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -711,6 +712,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1078,11 +1080,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1114,11 +1116,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/index.html
----------------------------------------------------------------------
diff --git a/cn/references/index.html b/cn/references/index.html
index ec8fd87..1d2bb33 100644
--- a/cn/references/index.html
+++ b/cn/references/index.html
@@ -69,19 +69,19 @@ HTML5 APIs
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ HTML5 APIs
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -506,11 +507,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -542,11 +543,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -735,6 +736,7 @@ HTML5 APIs
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1102,11 +1104,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1138,11 +1140,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/ios-apis.html b/cn/references/ios-apis.html
index 832b5fb..e2045d5 100644
--- a/cn/references/ios-apis.html
+++ b/cn/references/ios-apis.html
@@ -63,19 +63,19 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/cn/references/js-service/index.html b/cn/references/js-service/index.html
index a524a32..3d531bd 100644
--- a/cn/references/js-service/index.html
+++ b/cn/references/js-service/index.html
@@ -54,19 +54,19 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/jsfm-apis.html b/cn/references/jsfm-apis.html
index edb5ddf..aa1e62f 100644
--- a/cn/references/jsfm-apis.html
+++ b/cn/references/jsfm-apis.html
@@ -63,19 +63,19 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/difference.html b/cn/references/migration/difference.html
index 9609200..41934aa 100644
--- a/cn/references/migration/difference.html
+++ b/cn/references/migration/difference.html
@@ -111,19 +111,19 @@ v-for=&amp;quo">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -172,6 +172,7 @@ v-for=&amp;quo">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -548,11 +549,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -584,11 +585,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -777,6 +778,7 @@ v-for=&amp;quo">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1144,11 +1146,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1180,11 +1182,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/migration/index.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/index.html b/cn/references/migration/index.html
index 5f30548..e2700ab 100644
--- a/cn/references/migration/index.html
+++ b/cn/references/migration/index.html
@@ -51,19 +51,19 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/cn/references/migration/migration-from-weex.html b/cn/references/migration/migration-from-weex.html
index 08dfba4..37c2229 100644
--- a/cn/references/migration/migration-from-weex.html
+++ b/cn/references/migration/migration-from-weex.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/animation.html b/cn/references/modules/animation.html
index a98850b..c7a012c 100644
--- a/cn/references/modules/animation.html
+++ b/cn/references/modules/animation.html
@@ -48,19 +48,19 @@ APItransition(el, options, callback)\u53c2">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ APItransition(el, options, callback)\u53c2">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -485,11 +486,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -521,11 +522,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@ APItransition(el, options, callback)\u53c2">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1081,11 +1083,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1117,11 +1119,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/clipboard.html b/cn/references/modules/clipboard.html
index ffc7cc1..0cb890c 100644
--- a/cn/references/modules/clipboard.html
+++ b/cn/references/modules/clipboard.html
@@ -63,19 +63,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/dom.html b/cn/references/modules/dom.html
index a9db078..df5d8ef 100644
--- a/cn/references/modules/dom.html
+++ b/cn/references/modules/dom.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/globalevent.html b/cn/references/modules/globalevent.html
index f75452d..da86d19 100644
--- a/cn/references/modules/globalevent.html
+++ b/cn/references/modules/globalevent.html
@@ -63,19 +63,19 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/index.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/index.html b/cn/references/modules/index.html
index 6fd31d0..8610188 100644
--- a/cn/references/modules/index.html
+++ b/cn/references/modules/index.html
@@ -78,19 +78,19 @@ globalEvent">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -139,6 +139,7 @@ globalEvent">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -515,11 +516,11 @@ globalEvent">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -551,11 +552,11 @@ globalEvent">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -744,6 +745,7 @@ globalEvent">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1111,11 +1113,11 @@ globalEvent">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1149,11 @@ globalEvent">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/modal.html b/cn/references/modules/modal.html
index 8480382..79440b2 100644
--- a/cn/references/modules/modal.html
+++ b/cn/references/modules/modal.html
@@ -54,19 +54,19 @@ options {Objec">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ options {Objec">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ options {Objec">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>


[04/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/index.html
----------------------------------------------------------------------
diff --git a/references/modules/index.html b/references/modules/index.html
index 90a4ac6..d8ffa79 100644
--- a/references/modules/index.html
+++ b/references/modules/index.html
@@ -78,19 +78,19 @@ globalEvent">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -139,6 +139,7 @@ globalEvent">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -703,12 +704,12 @@ globalEvent">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -735,6 +736,7 @@ globalEvent">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1290,12 +1292,12 @@ globalEvent">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/references/modules/modal.html b/references/modules/modal.html
index 097bcc2..d894435 100644
--- a/references/modules/modal.html
+++ b/references/modules/modal.html
@@ -48,19 +48,19 @@ APItoast(options)A toast provides simple feedback about an operation in a small
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/references/modules/navigator.html b/references/modules/navigator.html
index aee34cb..e59474d 100644
--- a/references/modules/navigator.html
+++ b/references/modules/navigator.html
@@ -48,19 +48,19 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/references/modules/picker.html b/references/modules/picker.html
index dbf014e..7feea61 100644
--- a/references/modules/picker.html
+++ b/references/modules/picker.html
@@ -63,19 +63,19 @@ inde">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ inde">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -688,12 +689,12 @@ inde">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ inde">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1275,12 +1277,12 @@ inde">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/references/modules/storage.html b/references/modules/storage.html
index 910c5f4..dad22f6 100644
--- a/references/modules/storage.html
+++ b/references/modules/storage.html
@@ -51,19 +51,19 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/references/modules/stream.html b/references/modules/stream.html
index 88fc2f0..178fbe8 100644
--- a/references/modules/stream.html
+++ b/references/modules/stream.html
@@ -57,19 +57,19 @@ option">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ option">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -682,12 +683,12 @@ option">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@ option">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1269,12 +1271,12 @@ option">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/references/modules/websocket.html b/references/modules/websocket.html
index ed68726..b06d34f 100644
--- a/references/modules/websocket.html
+++ b/references/modules/websocket.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/references/modules/webview.html b/references/modules/webview.html
index 5fdedfa..36a826b 100644
--- a/references/modules/webview.html
+++ b/references/modules/webview.html
@@ -51,19 +51,19 @@ Arguments">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Arguments">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Arguments">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Arguments">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Arguments">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/references/native-dom-api.html b/references/native-dom-api.html
index 061a544..7c52247 100644
--- a/references/native-dom-api.html
+++ b/references/native-dom-api.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/path.html
----------------------------------------------------------------------
diff --git a/references/path.html b/references/path.html
index ad71107..5a1edb0 100644
--- a/references/path.html
+++ b/references/path.html
@@ -54,19 +54,19 @@ LocalWeex SDK provi">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ LocalWeex SDK provi">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -679,12 +680,12 @@ LocalWeex SDK provi">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -711,6 +712,7 @@ LocalWeex SDK provi">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1266,12 +1268,12 @@ LocalWeex SDK provi">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/platfrom-difference.html
----------------------------------------------------------------------
diff --git a/references/platfrom-difference.html b/references/platfrom-difference.html
index c1d4ed3..560d586 100644
--- a/references/platfrom-difference.html
+++ b/references/platfrom-difference.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/text-style.html
----------------------------------------------------------------------
diff --git a/references/text-style.html b/references/text-style.html
index 6bc0e70..90956e8 100644
--- a/references/text-style.html
+++ b/references/text-style.html
@@ -51,19 +51,19 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/unit.html
----------------------------------------------------------------------
diff --git a/references/unit.html b/references/unit.html
index 1e3fbf1..ed0e17a 100644
--- a/references/unit.html
+++ b/references/unit.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/references/vue/difference-of-vuex.html b/references/vue/difference-of-vuex.html
index bf436a3..71815e6 100644
--- a/references/vue/difference-of-vuex.html
+++ b/references/vue/difference-of-vuex.html
@@ -53,19 +53,19 @@ We developed a complete project based on We">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@ We developed a complete project based on We">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -678,12 +679,12 @@ We developed a complete project based on We">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -710,6 +711,7 @@ We developed a complete project based on We">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1265,12 +1267,12 @@ We developed a complete project based on We">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/vue/difference-with-web.html
----------------------------------------------------------------------
diff --git a/references/vue/difference-with-web.html b/references/vue/difference-with-web.html
index 82e71b5..a2d4151 100644
--- a/references/vue/difference-with-web.html
+++ b/references/vue/difference-with-web.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/vue/index.html
----------------------------------------------------------------------
diff --git a/references/vue/index.html b/references/vue/index.html
index dadc2d1..a5e57bb 100644
--- a/references/vue/index.html
+++ b/references/vue/index.html
@@ -51,19 +51,19 @@ Using Vuex &amp;amp; vue-router">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Using Vuex &amp;amp; vue-router">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Using Vuex &amp;amp; vue-router">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Using Vuex &amp;amp; vue-router">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Using Vuex &amp;amp; vue-router">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/web-standards.html
----------------------------------------------------------------------
diff --git a/references/web-standards.html b/references/web-standards.html
index 9ddde20..3122097 100644
--- a/references/web-standards.html
+++ b/references/web-standards.html
@@ -126,19 +126,19 @@ supported
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -187,6 +187,7 @@ supported
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -751,12 +752,12 @@ supported
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -783,6 +784,7 @@ supported
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1338,12 +1340,12 @@ supported
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/weex-variable.html
----------------------------------------------------------------------
diff --git a/references/weex-variable.html b/references/weex-variable.html
index 1adafb4..1b1e9b1 100644
--- a/references/weex-variable.html
+++ b/references/weex-variable.html
@@ -51,19 +51,19 @@ This variable contains">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ This variable contains">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ This variable contains">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ This variable contains">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ This variable contains">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/extend-to-android.html b/v-0.10/advanced/extend-to-android.html
index c719eae..dd31427 100644
--- a/v-0.10/advanced/extend-to-android.html
+++ b/v-0.10/advanced/extend-to-android.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/extend-to-html5.html b/v-0.10/advanced/extend-to-html5.html
index 0236da4..d4b1170 100644
--- a/v-0.10/advanced/extend-to-html5.html
+++ b/v-0.10/advanced/extend-to-html5.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/extend-to-ios.html b/v-0.10/advanced/extend-to-ios.html
index 0081c12..7ca4d07 100644
--- a/v-0.10/advanced/extend-to-ios.html
+++ b/v-0.10/advanced/extend-to-ios.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/how-data-binding-works.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/how-data-binding-works.html b/v-0.10/advanced/how-data-binding-works.html
index 6a35e8d..f7a9a93 100644
--- a/v-0.10/advanced/how-data-binding-works.html
+++ b/v-0.10/advanced/how-data-binding-works.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/index.html b/v-0.10/advanced/index.html
index 185e43e..a5f3d06 100644
--- a/v-0.10/advanced/index.html
+++ b/v-0.10/advanced/index.html
@@ -51,19 +51,19 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -142,21 +143,20 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -172,6 +172,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/integrate-to-android.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/integrate-to-android.html b/v-0.10/advanced/integrate-to-android.html
index 65dd6e5..9dce839 100644
--- a/v-0.10/advanced/integrate-to-android.html
+++ b/v-0.10/advanced/integrate-to-android.html
@@ -48,19 +48,19 @@ PrerequisitesAssuming you have the Android SDK installed, r">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -139,21 +140,20 @@ PrerequisitesAssuming you have the Android SDK installed, r">
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -169,6 +169,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/integrate-to-html5.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/integrate-to-html5.html b/v-0.10/advanced/integrate-to-html5.html
index c33b892..31bb0a7 100644
--- a/v-0.10/advanced/integrate-to-html5.html
+++ b/v-0.10/advanced/integrate-to-html5.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/advanced/integrate-to-ios.html
----------------------------------------------------------------------
diff --git a/v-0.10/advanced/integrate-to-ios.html b/v-0.10/advanced/integrate-to-ios.html
index a963ecb..1619082 100644
--- a/v-0.10/advanced/integrate-to-ios.html
+++ b/v-0.10/advanced/integrate-to-ios.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -138,21 +139,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -168,6 +168,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/customize-a-native-component.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/customize-a-native-component.html b/v-0.10/guide/how-to/customize-a-native-component.html
index 6380b5f..46161e1 100644
--- a/v-0.10/guide/how-to/customize-a-native-component.html
+++ b/v-0.10/guide/how-to/customize-a-native-component.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/cuszomize-native-apis.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/cuszomize-native-apis.html b/v-0.10/guide/how-to/cuszomize-native-apis.html
index e4e3afe..d36a9fd 100644
--- a/v-0.10/guide/how-to/cuszomize-native-apis.html
+++ b/v-0.10/guide/how-to/cuszomize-native-apis.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/debug-with-html5.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/debug-with-html5.html b/v-0.10/guide/how-to/debug-with-html5.html
index 30bb2cc..1310502 100644
--- a/v-0.10/guide/how-to/debug-with-html5.html
+++ b/v-0.10/guide/how-to/debug-with-html5.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -315,6 +316,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     



[09/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/replace.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/replace.html b/cn/v-0.10/references/replace.html
index bae166a..79a03e5 100644
--- a/cn/v-0.10/references/replace.html
+++ b/cn/v-0.10/references/replace.html
@@ -45,19 +45,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/special-element.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/special-element.html b/cn/v-0.10/references/special-element.html
index 0e60339..aa52220 100644
--- a/cn/v-0.10/references/special-element.html
+++ b/cn/v-0.10/references/special-element.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/specs/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/specs/index.html b/cn/v-0.10/references/specs/index.html
index d4d6aa3..1fb5399 100644
--- a/cn/v-0.10/references/specs/index.html
+++ b/cn/v-0.10/references/specs/index.html
@@ -48,19 +48,19 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/specs/js-framework-apis.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/specs/js-framework-apis.html b/cn/v-0.10/references/specs/js-framework-apis.html
index b76ea9b..a61b9a6 100644
--- a/cn/v-0.10/references/specs/js-framework-apis.html
+++ b/cn/v-0.10/references/specs/js-framework-apis.html
@@ -48,19 +48,19 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/specs/virtual-dom-apis.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/specs/virtual-dom-apis.html b/cn/v-0.10/references/specs/virtual-dom-apis.html
index 246b403..e587f56 100644
--- a/cn/v-0.10/references/specs/virtual-dom-apis.html
+++ b/cn/v-0.10/references/specs/virtual-dom-apis.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/text-style.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/text-style.html b/cn/v-0.10/references/text-style.html
index 3e534a5..b5208cc 100644
--- a/cn/v-0.10/references/text-style.html
+++ b/cn/v-0.10/references/text-style.html
@@ -63,19 +63,19 @@ lines">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ lines">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ lines">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/units.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/units.html b/cn/v-0.10/references/units.html
index a130303..14ad4ee 100644
--- a/cn/v-0.10/references/units.html
+++ b/cn/v-0.10/references/units.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/wxc/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/wxc/index.html b/cn/v-0.10/references/wxc/index.html
index 8611243..6ff983d 100644
--- a/cn/v-0.10/references/wxc/index.html
+++ b/cn/v-0.10/references/wxc/index.html
@@ -72,19 +72,19 @@ npm install weex-components
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -133,6 +133,7 @@ npm install weex-components
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -475,11 +476,11 @@ npm install weex-components
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -598,6 +599,7 @@ npm install weex-components
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -931,11 +933,11 @@ npm install weex-components
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/wxc/wxc-navpage.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/wxc/wxc-navpage.html b/cn/v-0.10/references/wxc/wxc-navpage.html
index 91d011f..ad64ff7 100644
--- a/cn/v-0.10/references/wxc/wxc-navpage.html
+++ b/cn/v-0.10/references/wxc/wxc-navpage.html
@@ -47,19 +47,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -450,11 +451,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -573,6 +574,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -906,11 +908,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/wxc/wxc-tabbar.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/wxc/wxc-tabbar.html b/cn/v-0.10/references/wxc/wxc-tabbar.html
index 17d90fa..172f646 100644
--- a/cn/v-0.10/references/wxc/wxc-tabbar.html
+++ b/cn/v-0.10/references/wxc/wxc-tabbar.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/devtools-android.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/devtools-android.html b/cn/v-0.10/tools/devtools-android.html
index eab9f7e..61626f6 100644
--- a/cn/v-0.10/tools/devtools-android.html
+++ b/cn/v-0.10/tools/devtools-android.html
@@ -57,19 +57,19 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/devtools-ios.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/devtools-ios.html b/cn/v-0.10/tools/devtools-ios.html
index b8fa794..ceba8ae 100644
--- a/cn/v-0.10/tools/devtools-ios.html
+++ b/cn/v-0.10/tools/devtools-ios.html
@@ -72,19 +72,19 @@ playground \u5b89\u88c5 WXDevtool
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -133,6 +133,7 @@ playground \u5b89\u88c5 WXDevtool
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -163,21 +164,20 @@ playground \u5b89\u88c5 WXDevtool
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -193,6 +193,7 @@ playground \u5b89\u88c5 WXDevtool
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/devtools.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/devtools.html b/cn/v-0.10/tools/devtools.html
index 58fba0c..c7e3adf 100644
--- a/cn/v-0.10/tools/devtools.html
+++ b/cn/v-0.10/tools/devtools.html
@@ -61,19 +61,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -122,6 +122,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -152,21 +153,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -182,6 +182,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/index.html b/cn/v-0.10/tools/index.html
index 1019631..421d6de 100644
--- a/cn/v-0.10/tools/index.html
+++ b/cn/v-0.10/tools/index.html
@@ -57,19 +57,19 @@ output less than 2.15.1, please run below cmd">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ output less than 2.15.1, please run below cmd">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ output less than 2.15.1, please run below cmd">
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ output less than 2.15.1, please run below cmd">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/playground.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/playground.html b/cn/v-0.10/tools/playground.html
index f7a39d8..c7f67f0 100644
--- a/cn/v-0.10/tools/playground.html
+++ b/cn/v-0.10/tools/playground.html
@@ -47,19 +47,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -138,21 +139,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -168,6 +168,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/tools/transformer.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/tools/transformer.html b/cn/v-0.10/tools/transformer.html
index 7599d90..bce4f53 100644
--- a/cn/v-0.10/tools/transformer.html
+++ b/cn/v-0.10/tools/transformer.html
@@ -54,19 +54,19 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -145,21 +146,20 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -175,6 +175,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     


[12/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/navigator.html b/cn/references/modules/navigator.html
index 47f30df..dbc544f 100644
--- a/cn/references/modules/navigator.html
+++ b/cn/references/modules/navigator.html
@@ -51,19 +51,19 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/picker.html b/cn/references/modules/picker.html
index 84c2859..51549b3 100644
--- a/cn/references/modules/picker.html
+++ b/cn/references/modules/picker.html
@@ -75,19 +75,19 @@ c">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -136,6 +136,7 @@ c">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -512,11 +513,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -548,11 +549,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -741,6 +742,7 @@ c">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1108,11 +1110,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1146,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/storage.html b/cn/references/modules/storage.html
index ad11b88..e444fb0 100644
--- a/cn/references/modules/storage.html
+++ b/cn/references/modules/storage.html
@@ -51,19 +51,19 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/stream.html b/cn/references/modules/stream.html
index 2ca9f66..ecda0a9 100644
--- a/cn/references/modules/stream.html
+++ b/cn/references/modules/stream.html
@@ -66,19 +66,19 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -503,11 +504,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -539,11 +540,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -732,6 +733,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1099,11 +1101,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1135,11 +1137,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/websocket.html b/cn/references/modules/websocket.html
index 6e195c1..19bfbe6 100644
--- a/cn/references/modules/websocket.html
+++ b/cn/references/modules/websocket.html
@@ -51,19 +51,19 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/cn/references/modules/webview.html b/cn/references/modules/webview.html
index b70e99b..d68cc4e 100644
--- a/cn/references/modules/webview.html
+++ b/cn/references/modules/webview.html
@@ -57,19 +57,19 @@ webElement">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ webElement">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ webElement">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/cn/references/native-dom-api.html b/cn/references/native-dom-api.html
index 5636793..95c451c 100644
--- a/cn/references/native-dom-api.html
+++ b/cn/references/native-dom-api.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -485,11 +486,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -521,11 +522,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1081,11 +1083,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1117,11 +1119,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/path.html
----------------------------------------------------------------------
diff --git a/cn/references/path.html b/cn/references/path.html
index 19d4a41..7b4d009 100644
--- a/cn/references/path.html
+++ b/cn/references/path.html
@@ -63,19 +63,19 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/platform-difference.html
----------------------------------------------------------------------
diff --git a/cn/references/platform-difference.html b/cn/references/platform-difference.html
index 8206b23..653a76e 100644
--- a/cn/references/platform-difference.html
+++ b/cn/references/platform-difference.html
@@ -48,19 +48,19 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -485,11 +486,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -521,11 +522,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1081,11 +1083,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1117,11 +1119,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/text-style.html
----------------------------------------------------------------------
diff --git a/cn/references/text-style.html b/cn/references/text-style.html
index 099ad4f..4741ede 100644
--- a/cn/references/text-style.html
+++ b/cn/references/text-style.html
@@ -63,19 +63,19 @@ lines">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ lines">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ lines">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/unit.html
----------------------------------------------------------------------
diff --git a/cn/references/unit.html b/cn/references/unit.html
index b2fb414..195c9c0 100644
--- a/cn/references/unit.html
+++ b/cn/references/unit.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -485,11 +486,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -521,11 +522,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1081,11 +1083,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1117,11 +1119,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/difference-of-vuex.html b/cn/references/vue/difference-of-vuex.html
index 8194ccf..136ac20 100644
--- a/cn/references/vue/difference-of-vuex.html
+++ b/cn/references/vue/difference-of-vuex.html
@@ -59,19 +59,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -120,6 +120,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -496,11 +497,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -532,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -725,6 +726,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1092,11 +1094,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1128,11 +1130,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/vue/difference-with-web.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/difference-with-web.html b/cn/references/vue/difference-with-web.html
index c49e112..98f35e5 100644
--- a/cn/references/vue/difference-with-web.html
+++ b/cn/references/vue/difference-with-web.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -485,11 +486,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -521,11 +522,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1081,11 +1083,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1117,11 +1119,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/vue/index.html
----------------------------------------------------------------------
diff --git a/cn/references/vue/index.html b/cn/references/vue/index.html
index 4afe8d9..7afba7b 100644
--- a/cn/references/vue/index.html
+++ b/cn/references/vue/index.html
@@ -51,19 +51,19 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/web-standards.html
----------------------------------------------------------------------
diff --git a/cn/references/web-standards.html b/cn/references/web-standards.html
index 4ef8576..a2f95c9 100644
--- a/cn/references/web-standards.html
+++ b/cn/references/web-standards.html
@@ -126,19 +126,19 @@ supported
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -187,6 +187,7 @@ supported
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -563,11 +564,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -599,11 +600,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -792,6 +793,7 @@ supported
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1159,11 +1161,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1195,11 +1197,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/weex-variable.html
----------------------------------------------------------------------
diff --git a/cn/references/weex-variable.html b/cn/references/weex-variable.html
index ae38604..684d1e0 100644
--- a/cn/references/weex-variable.html
+++ b/cn/references/weex-variable.html
@@ -60,19 +60,19 @@ weexVersion: string: Weex sdk">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ weexVersion: string: Weex sdk">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -497,11 +498,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -533,11 +534,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -726,6 +727,7 @@ weexVersion: string: Weex sdk">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1093,11 +1095,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1129,11 +1131,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/create-a-weex-project.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/create-a-weex-project.html b/cn/v-0.10/advanced/create-a-weex-project.html
index 208566b..e35657f 100644
--- a/cn/v-0.10/advanced/create-a-weex-project.html
+++ b/cn/v-0.10/advanced/create-a-weex-project.html
@@ -52,19 +52,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -113,6 +113,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -143,21 +144,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -173,6 +173,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/customize-a-native-component.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/customize-a-native-component.html b/cn/v-0.10/advanced/customize-a-native-component.html
index cb3101b..8f9477e 100644
--- a/cn/v-0.10/advanced/customize-a-native-component.html
+++ b/cn/v-0.10/advanced/customize-a-native-component.html
@@ -48,19 +48,19 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -139,21 +140,20 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -169,6 +169,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/cuszomize-native-apis.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/cuszomize-native-apis.html b/cn/v-0.10/advanced/cuszomize-native-apis.html
index 12c9491..48ba509 100644
--- a/cn/v-0.10/advanced/cuszomize-native-apis.html
+++ b/cn/v-0.10/advanced/cuszomize-native-apis.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -139,21 +140,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -169,6 +169,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/extend-to-android.html b/cn/v-0.10/advanced/extend-to-android.html
index 97d6f08..1d38207 100644
--- a/cn/v-0.10/advanced/extend-to-android.html
+++ b/cn/v-0.10/advanced/extend-to-android.html
@@ -57,19 +57,19 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/extend-to-html5.html b/cn/v-0.10/advanced/extend-to-html5.html
index 7d0f881..55ce1df 100644
--- a/cn/v-0.10/advanced/extend-to-html5.html
+++ b/cn/v-0.10/advanced/extend-to-html5.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -139,21 +140,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -169,6 +169,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     


[16/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
Site updated: 2017-03-10 18:12:10


Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/3669a698
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/3669a698
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/3669a698

Branch: refs/heads/asf-site
Commit: 3669a698366064610099b6c588e04be2d78f6711
Parents: 95bb207
Author: Jinjiang <zh...@me.com>
Authored: Fri Mar 10 18:12:12 2017 +0800
Committer: Jinjiang <zh...@me.com>
Committed: Fri Mar 10 18:12:12 2017 +0800

----------------------------------------------------------------------
 archives/2016/12/index.html                     | 17 ++--
 archives/2016/index.html                        | 17 ++--
 archives/2017/02/index.html                     | 17 ++--
 archives/2017/index.html                        | 17 ++--
 archives/index.html                             | 17 ++--
 blog/index.html                                 | 17 ++--
 cn/blog/index.html                              | 17 ++--
 cn/download.html                                | 17 ++--
 cn/faq.html                                     | 17 ++--
 cn/guide/contributing.html                      | 82 ++++++++++---------
 cn/guide/index.html                             | 82 ++++++++++---------
 cn/guide/integrate-to-your-app.html             | 86 +++++++++++---------
 cn/guide/intro/app-architecture.html            | 86 +++++++++++---------
 cn/guide/intro/how-it-works.html                | 86 +++++++++++---------
 cn/guide/intro/index.html                       | 86 +++++++++++---------
 cn/guide/intro/page-architecture.html           | 86 +++++++++++---------
 cn/guide/intro/using-vue.html                   | 86 +++++++++++---------
 cn/guide/intro/web-dev-experience.html          | 86 +++++++++++---------
 cn/guide/intro/write-once.html                  | 86 +++++++++++---------
 cn/guide/set-up-env.html                        | 86 +++++++++++---------
 cn/guide/tools/devtools.html                    | 86 +++++++++++---------
 cn/guide/tools/index.html                       | 86 +++++++++++---------
 cn/guide/tools/weexpack.html                    | 86 +++++++++++---------
 cn/hello/index.html                             | 17 ++--
 cn/index.html                                   | 17 ++--
 cn/playground.html                              | 17 ++--
 cn/references/advanced/extend-jsfm.html         | 26 +++---
 cn/references/advanced/extend-to-android.html   | 26 +++---
 cn/references/advanced/extend-to-html5.html     | 26 +++---
 cn/references/advanced/extend-to-ios.html       | 26 +++---
 cn/references/advanced/index.html               | 26 +++---
 .../advanced/integrate-devtool-to-android.html  | 26 +++---
 .../advanced/integrate-devtool-to-ios.html      | 26 +++---
 cn/references/android-apis.html                 | 26 +++---
 cn/references/color-names.html                  | 26 +++---
 cn/references/common-event.html                 | 26 +++---
 cn/references/common-style.html                 | 26 +++---
 cn/references/components/a.html                 | 26 +++---
 cn/references/components/cell.html              | 26 +++---
 cn/references/components/div.html               | 26 +++---
 cn/references/components/image.html             | 26 +++---
 cn/references/components/index.html             | 26 +++---
 cn/references/components/indicator.html         | 26 +++---
 cn/references/components/input.html             | 26 +++---
 cn/references/components/list.html              | 26 +++---
 cn/references/components/loading.html           | 26 +++---
 cn/references/components/refresh.html           | 26 +++---
 cn/references/components/scroller.html          | 26 +++---
 cn/references/components/slider.html            | 26 +++---
 cn/references/components/switch.html            | 26 +++---
 cn/references/components/text.html              | 26 +++---
 cn/references/components/textarea.html          | 26 +++---
 cn/references/components/video.html             | 26 +++---
 cn/references/components/web.html               | 26 +++---
 cn/references/gesture.html                      | 26 +++---
 cn/references/html5-apis.html                   | 26 +++---
 cn/references/index.html                        | 26 +++---
 cn/references/ios-apis.html                     | 26 +++---
 cn/references/js-service/index.html             | 26 +++---
 cn/references/jsfm-apis.html                    | 26 +++---
 cn/references/migration/difference.html         | 26 +++---
 cn/references/migration/index.html              | 26 +++---
 .../migration/migration-from-weex.html          | 26 +++---
 cn/references/modules/animation.html            | 26 +++---
 cn/references/modules/clipboard.html            | 26 +++---
 cn/references/modules/dom.html                  | 26 +++---
 cn/references/modules/globalevent.html          | 26 +++---
 cn/references/modules/index.html                | 26 +++---
 cn/references/modules/modal.html                | 26 +++---
 cn/references/modules/navigator.html            | 26 +++---
 cn/references/modules/picker.html               | 26 +++---
 cn/references/modules/storage.html              | 26 +++---
 cn/references/modules/stream.html               | 26 +++---
 cn/references/modules/websocket.html            | 26 +++---
 cn/references/modules/webview.html              | 26 +++---
 cn/references/native-dom-api.html               | 26 +++---
 cn/references/path.html                         | 26 +++---
 cn/references/platform-difference.html          | 26 +++---
 cn/references/text-style.html                   | 26 +++---
 cn/references/unit.html                         | 26 +++---
 cn/references/vue/difference-of-vuex.html       | 26 +++---
 cn/references/vue/difference-with-web.html      | 26 +++---
 cn/references/vue/index.html                    | 26 +++---
 cn/references/web-standards.html                | 26 +++---
 cn/references/weex-variable.html                | 26 +++---
 cn/v-0.10/advanced/create-a-weex-project.html   | 17 ++--
 .../advanced/customize-a-native-component.html  | 17 ++--
 cn/v-0.10/advanced/cuszomize-native-apis.html   | 17 ++--
 cn/v-0.10/advanced/extend-to-android.html       | 17 ++--
 cn/v-0.10/advanced/extend-to-html5.html         | 17 ++--
 cn/v-0.10/advanced/extend-to-ios.html           | 17 ++--
 cn/v-0.10/advanced/how-data-binding-works.html  | 17 ++--
 cn/v-0.10/advanced/index.html                   | 17 ++--
 .../advanced/integrate-devtools-to-android.html | 17 ++--
 .../advanced/integrate-devtools-to-ios.html     | 17 ++--
 cn/v-0.10/advanced/integrate-to-android.html    | 17 ++--
 cn/v-0.10/advanced/integrate-to-html5.html      | 17 ++--
 cn/v-0.10/advanced/integrate-to-ios.html        | 17 ++--
 cn/v-0.10/blog/index.html                       | 17 ++--
 .../guide/develop-on-your-local-machine.html    | 10 ++-
 cn/v-0.10/guide/how-to/debug-with-html5.html    | 10 ++-
 cn/v-0.10/guide/how-to/index.html               | 10 ++-
 .../guide/how-to/require-3rd-party-libs.html    | 10 ++-
 .../how-to/transform-code-into-js-bundle.html   | 10 ++-
 cn/v-0.10/guide/index.html                      | 10 ++-
 cn/v-0.10/guide/syntax/comm.html                | 10 ++-
 cn/v-0.10/guide/syntax/composed-component.html  | 10 ++-
 cn/v-0.10/guide/syntax/config-n-data.html       | 10 ++-
 cn/v-0.10/guide/syntax/data-binding.html        | 10 ++-
 cn/v-0.10/guide/syntax/display-logic.html       | 10 ++-
 cn/v-0.10/guide/syntax/events.html              | 10 ++-
 cn/v-0.10/guide/syntax/id.html                  | 10 ++-
 cn/v-0.10/guide/syntax/index.html               | 10 ++-
 cn/v-0.10/guide/syntax/render-logic.html        | 10 ++-
 cn/v-0.10/guide/syntax/style-n-class.html       | 10 ++-
 cn/v-0.10/index.html                            | 17 ++--
 cn/v-0.10/references/api.html                   | 18 ++--
 cn/v-0.10/references/cheatsheet.html            | 18 ++--
 cn/v-0.10/references/color-names.html           | 18 ++--
 cn/v-0.10/references/common-attrs.html          | 18 ++--
 cn/v-0.10/references/common-event.html          | 18 ++--
 cn/v-0.10/references/common-style.html          | 18 ++--
 cn/v-0.10/references/component-defs.html        | 18 ++--
 cn/v-0.10/references/components/a.html          | 18 ++--
 cn/v-0.10/references/components/cell.html       | 18 ++--
 cn/v-0.10/references/components/div.html        | 18 ++--
 cn/v-0.10/references/components/image.html      | 18 ++--
 cn/v-0.10/references/components/index.html      | 18 ++--
 cn/v-0.10/references/components/indicator.html  | 18 ++--
 cn/v-0.10/references/components/input.html      | 18 ++--
 cn/v-0.10/references/components/list.html       | 18 ++--
 cn/v-0.10/references/components/loading.html    | 18 ++--
 cn/v-0.10/references/components/refresh.html    | 18 ++--
 cn/v-0.10/references/components/scroller.html   | 18 ++--
 cn/v-0.10/references/components/slider.html     | 18 ++--
 cn/v-0.10/references/components/switch.html     | 18 ++--
 cn/v-0.10/references/components/text.html       | 18 ++--
 cn/v-0.10/references/components/textarea.html   | 18 ++--
 cn/v-0.10/references/components/video.html      | 18 ++--
 cn/v-0.10/references/components/web.html        | 18 ++--
 cn/v-0.10/references/gesture.html               | 18 ++--
 cn/v-0.10/references/index.html                 | 18 ++--
 cn/v-0.10/references/modules/animation.html     | 18 ++--
 cn/v-0.10/references/modules/clipboard.html     | 18 ++--
 cn/v-0.10/references/modules/dom.html           | 18 ++--
 cn/v-0.10/references/modules/globalevent.html   | 18 ++--
 cn/v-0.10/references/modules/index.html         | 18 ++--
 cn/v-0.10/references/modules/modal.html         | 18 ++--
 cn/v-0.10/references/modules/navigator.html     | 18 ++--
 cn/v-0.10/references/modules/storage.html       | 18 ++--
 cn/v-0.10/references/modules/stream.html        | 18 ++--
 cn/v-0.10/references/modules/webview.html       | 18 ++--
 cn/v-0.10/references/replace.html               | 17 ++--
 cn/v-0.10/references/special-element.html       | 18 ++--
 cn/v-0.10/references/specs/index.html           | 18 ++--
 .../references/specs/js-framework-apis.html     | 18 ++--
 .../references/specs/virtual-dom-apis.html      | 18 ++--
 cn/v-0.10/references/text-style.html            | 18 ++--
 cn/v-0.10/references/units.html                 | 18 ++--
 cn/v-0.10/references/wxc/index.html             | 18 ++--
 cn/v-0.10/references/wxc/wxc-navpage.html       | 18 ++--
 cn/v-0.10/references/wxc/wxc-tabbar.html        | 18 ++--
 cn/v-0.10/tools/devtools-android.html           | 17 ++--
 cn/v-0.10/tools/devtools-ios.html               | 17 ++--
 cn/v-0.10/tools/devtools.html                   | 17 ++--
 cn/v-0.10/tools/index.html                      | 17 ++--
 cn/v-0.10/tools/playground.html                 | 17 ++--
 cn/v-0.10/tools/transformer.html                | 17 ++--
 content.json                                    |  2 +-
 download.html                                   | 17 ++--
 en/hello-world/index.html                       | 17 ++--
 examples/a.html                                 | 17 ++--
 examples/animation.html                         | 17 ++--
 examples/clipboard.html                         | 17 ++--
 examples/div.html                               | 17 ++--
 examples/dom-rect.html                          | 17 ++--
 examples/dom-scroll.html                        | 17 ++--
 examples/image.html                             | 17 ++--
 examples/indicator.html                         | 17 ++--
 examples/input.html                             | 17 ++--
 examples/list.html                              | 17 ++--
 examples/modal.html                             | 17 ++--
 examples/navigator.html                         | 17 ++--
 examples/refresh.html                           | 17 ++--
 examples/scroller.html                          | 17 ++--
 examples/slider.html                            | 17 ++--
 examples/storage.html                           | 17 ++--
 examples/stream.html                            | 17 ++--
 examples/switch.html                            | 17 ++--
 examples/text.html                              | 17 ++--
 examples/textarea.html                          | 17 ++--
 examples/video.html                             | 17 ++--
 examples/web.html                               | 17 ++--
 faq.html                                        | 17 ++--
 guide/contributing.html                         | 50 +++++++-----
 guide/index.html                                | 50 +++++++-----
 guide/integrate-to-your-app.html                | 54 ++++++------
 guide/intro/app-architecture.html               | 50 +++++++-----
 guide/intro/how-it-works.html                   | 50 +++++++-----
 guide/intro/index.html                          | 50 +++++++-----
 guide/intro/page-architecture.html              | 50 +++++++-----
 guide/intro/using-vue.html                      | 50 +++++++-----
 guide/intro/web-dev-experience.html             | 50 +++++++-----
 guide/intro/write-once.html                     | 50 +++++++-----
 guide/set-up-env.html                           | 54 ++++++------
 guide/tools/devtools.html                       | 50 +++++++-----
 guide/tools/index.html                          | 50 +++++++-----
 guide/tools/weexpack.html                       | 50 +++++++-----
 index.html                                      | 17 ++--
 playground.html                                 | 17 ++--
 references/advanced/extend-jsfm.html            | 18 ++--
 references/advanced/extend-to-android.html      | 18 ++--
 references/advanced/extend-to-html5.html        | 18 ++--
 references/advanced/extend-to-ios.html          | 18 ++--
 references/advanced/index.html                  | 18 ++--
 .../advanced/integrate-devtool-to-android.html  | 18 ++--
 .../advanced/integrate-devtool-to-ios.html      | 18 ++--
 references/android-apis.html                    | 18 ++--
 references/color-names.html                     | 18 ++--
 references/common-event.html                    | 18 ++--
 references/common-style.html                    | 18 ++--
 references/components/a.html                    | 18 ++--
 references/components/cell.html                 | 18 ++--
 references/components/div.html                  | 18 ++--
 references/components/image.html                | 18 ++--
 references/components/index.html                | 18 ++--
 references/components/indicator.html            | 18 ++--
 references/components/input.html                | 18 ++--
 references/components/list.html                 | 18 ++--
 references/components/refresh.html              | 18 ++--
 references/components/scroller.html             | 18 ++--
 references/components/slider.html               | 18 ++--
 references/components/switch.html               | 18 ++--
 references/components/text.html                 | 18 ++--
 references/components/textarea.html             | 18 ++--
 references/components/video.html                | 18 ++--
 references/components/web.html                  | 18 ++--
 references/gesture.html                         | 18 ++--
 references/html5-apis.html                      | 18 ++--
 references/index.html                           | 18 ++--
 references/ios-apis.html                        | 18 ++--
 references/js-service/index.html                | 18 ++--
 references/jsfm-apis.html                       | 18 ++--
 references/migration/difference.html            | 18 ++--
 references/migration/index.html                 | 18 ++--
 references/migration/migration-from-weex.html   | 18 ++--
 references/modules/animation.html               | 18 ++--
 references/modules/clipboard.html               | 18 ++--
 references/modules/dom.html                     | 18 ++--
 references/modules/globalevent.html             | 18 ++--
 references/modules/index.html                   | 18 ++--
 references/modules/modal.html                   | 18 ++--
 references/modules/navigator.html               | 18 ++--
 references/modules/picker.html                  | 18 ++--
 references/modules/storage.html                 | 18 ++--
 references/modules/stream.html                  | 18 ++--
 references/modules/websocket.html               | 18 ++--
 references/modules/webview.html                 | 18 ++--
 references/native-dom-api.html                  | 18 ++--
 references/path.html                            | 18 ++--
 references/platfrom-difference.html             | 18 ++--
 references/text-style.html                      | 18 ++--
 references/unit.html                            | 18 ++--
 references/vue/difference-of-vuex.html          | 18 ++--
 references/vue/difference-with-web.html         | 18 ++--
 references/vue/index.html                       | 18 ++--
 references/web-standards.html                   | 18 ++--
 references/weex-variable.html                   | 18 ++--
 v-0.10/advanced/extend-to-android.html          | 17 ++--
 v-0.10/advanced/extend-to-html5.html            | 17 ++--
 v-0.10/advanced/extend-to-ios.html              | 17 ++--
 v-0.10/advanced/how-data-binding-works.html     | 17 ++--
 v-0.10/advanced/index.html                      | 17 ++--
 v-0.10/advanced/integrate-to-android.html       | 17 ++--
 v-0.10/advanced/integrate-to-html5.html         | 17 ++--
 v-0.10/advanced/integrate-to-ios.html           | 17 ++--
 .../how-to/customize-a-native-component.html    | 10 ++-
 v-0.10/guide/how-to/cuszomize-native-apis.html  | 10 ++-
 v-0.10/guide/how-to/debug-with-html5.html       | 10 ++-
 v-0.10/guide/how-to/index.html                  | 10 ++-
 .../guide/how-to/preview-in-playground-app.html | 10 ++-
 v-0.10/guide/how-to/require-3rd-party-libs.html | 10 ++-
 .../how-to/transform-code-into-js-bundle.html   | 10 ++-
 v-0.10/guide/index.html                         | 10 ++-
 v-0.10/guide/syntax/comm.html                   | 10 ++-
 v-0.10/guide/syntax/composed-component.html     | 10 ++-
 v-0.10/guide/syntax/config-n-data.html          | 10 ++-
 v-0.10/guide/syntax/data-binding.html           | 10 ++-
 v-0.10/guide/syntax/display-logic.html          | 10 ++-
 v-0.10/guide/syntax/events.html                 | 10 ++-
 v-0.10/guide/syntax/id.html                     | 10 ++-
 v-0.10/guide/syntax/index.html                  | 10 ++-
 v-0.10/guide/syntax/render-logic.html           | 10 ++-
 v-0.10/guide/syntax/style-n-class.html          | 10 ++-
 v-0.10/references/api.html                      | 26 +++---
 v-0.10/references/cheatsheet.html               | 17 ++--
 v-0.10/references/color-names.html              | 26 +++---
 v-0.10/references/common-attrs.html             | 26 +++---
 v-0.10/references/common-event.html             | 26 +++---
 v-0.10/references/common-style.html             | 26 +++---
 v-0.10/references/component-defs.html           | 26 +++---
 v-0.10/references/components/a.html             | 26 +++---
 v-0.10/references/components/cell.html          | 26 +++---
 v-0.10/references/components/div.html           | 26 +++---
 v-0.10/references/components/image.html         | 26 +++---
 v-0.10/references/components/index.html         | 26 +++---
 v-0.10/references/components/indicator.html     | 26 +++---
 v-0.10/references/components/input.html         | 26 +++---
 v-0.10/references/components/list.html          | 26 +++---
 .../references/components/refresh-loading.html  | 26 +++---
 v-0.10/references/components/scroller.html      | 26 +++---
 v-0.10/references/components/slider.html        | 26 +++---
 v-0.10/references/components/switch.html        | 26 +++---
 v-0.10/references/components/text.html          | 26 +++---
 v-0.10/references/components/textarea.html      | 26 +++---
 v-0.10/references/components/video.html         | 26 +++---
 v-0.10/references/components/web.html           | 26 +++---
 v-0.10/references/components/wxc-navpage.html   | 26 +++---
 v-0.10/references/components/wxc-tabbar.html    | 26 +++---
 v-0.10/references/gesture.html                  | 26 +++---
 v-0.10/references/index.html                    | 26 +++---
 v-0.10/references/modules/animation.html        | 26 +++---
 v-0.10/references/modules/clipboard.html        | 26 +++---
 v-0.10/references/modules/dom.html              | 26 +++---
 v-0.10/references/modules/globalevent.html      | 26 +++---
 v-0.10/references/modules/index.html            | 26 +++---
 v-0.10/references/modules/modal.html            | 26 +++---
 v-0.10/references/modules/navigator.html        | 26 +++---
 v-0.10/references/modules/storage.html          | 26 +++---
 v-0.10/references/modules/stream.html           | 26 +++---
 v-0.10/references/modules/timer.html            | 26 +++---
 v-0.10/references/modules/webview.html          | 26 +++---
 v-0.10/references/special-element.html          | 26 +++---
 v-0.10/references/specs/index.html              | 26 +++---
 v-0.10/references/specs/js-bundle-format.html   | 26 +++---
 v-0.10/references/specs/js-framework-apis.html  | 26 +++---
 v-0.10/references/specs/virtual-dom-apis.html   | 26 +++---
 v-0.10/references/text-style.html               | 26 +++---
 v-0.10/tools/devtools-android.html              | 19 +++--
 v-0.10/tools/devtools-ios.html                  | 19 +++--
 v-0.10/tools/devtools.html                      | 19 +++--
 v-0.10/tools/index.html                         | 19 +++--
 v-0.10/tools/playground.html                    | 19 +++--
 v-0.10/tools/transformer.html                   | 19 +++--
 344 files changed, 4389 insertions(+), 3667 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/archives/2016/12/index.html
----------------------------------------------------------------------
diff --git a/archives/2016/12/index.html b/archives/2016/12/index.html
index ed0e4e4..d7f0f86 100644
--- a/archives/2016/12/index.html
+++ b/archives/2016/12/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/archives/2016/index.html
----------------------------------------------------------------------
diff --git a/archives/2016/index.html b/archives/2016/index.html
index 7c481de..4858777 100644
--- a/archives/2016/index.html
+++ b/archives/2016/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/archives/2017/02/index.html
----------------------------------------------------------------------
diff --git a/archives/2017/02/index.html b/archives/2017/02/index.html
index 3e6ba97..78dea3c 100644
--- a/archives/2017/02/index.html
+++ b/archives/2017/02/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/archives/2017/index.html
----------------------------------------------------------------------
diff --git a/archives/2017/index.html b/archives/2017/index.html
index bb85e4d..768e21e 100644
--- a/archives/2017/index.html
+++ b/archives/2017/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/archives/index.html
----------------------------------------------------------------------
diff --git a/archives/index.html b/archives/index.html
index 2424ce4..d9791f9 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -41,19 +41,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -102,6 +102,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -132,21 +133,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -162,6 +162,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/blog/index.html
----------------------------------------------------------------------
diff --git a/blog/index.html b/blog/index.html
index 144f6d7..3c108e5 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -42,19 +42,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/blog/index.html
----------------------------------------------------------------------
diff --git a/cn/blog/index.html b/cn/blog/index.html
index fa91b80..2aa22d7 100644
--- a/cn/blog/index.html
+++ b/cn/blog/index.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/download.html
----------------------------------------------------------------------
diff --git a/cn/download.html b/cn/download.html
index cc13827..01030e0 100644
--- a/cn/download.html
+++ b/cn/download.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <script src="/js/mobile-detect.js"></script>
 <script>
   function parseWeexVersion(data){

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/faq.html
----------------------------------------------------------------------
diff --git a/cn/faq.html b/cn/faq.html
index 73ef316..da10f0f 100644
--- a/cn/faq.html
+++ b/cn/faq.html
@@ -69,19 +69,19 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -160,21 +161,20 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -190,6 +190,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper article-wrapper post-layout">
   
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/contributing.html
----------------------------------------------------------------------
diff --git a/cn/guide/contributing.html b/cn/guide/contributing.html
index a15a692..7382826 100644
--- a/cn/guide/contributing.html
+++ b/cn/guide/contributing.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,29 +209,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -271,6 +257,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link current ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -287,6 +290,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,29 +381,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -440,6 +429,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link current ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/index.html b/cn/guide/index.html
index f57e599..8c32aea 100644
--- a/cn/guide/index.html
+++ b/cn/guide/index.html
@@ -50,19 +50,19 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -111,6 +111,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -210,29 +211,14 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link current ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -273,6 +259,23 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -289,6 +292,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -379,29 +383,14 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link current ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -442,6 +431,23 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/cn/guide/integrate-to-your-app.html b/cn/guide/integrate-to-your-app.html
index 4d95e2f..3c2752e 100644
--- a/cn/guide/integrate-to-your-app.html
+++ b/cn/guide/integrate-to-your-app.html
@@ -25,7 +25,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
 \u524d\u671f\u51c6\u5907
 \u5df2\u7ecf\u5b89\u88c5\u4e86JDK version&amp;gt;=1.7 \u5e76\u914d\u7f6e\u4e86\u73af\u5883\u53d8\u91cf
 \u5df2\u7ecf">
-<meta property="og:updated_time" content="2017-03-10T09:09:39.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528">
 <meta name="twitter:description" content="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528\u96c6\u6210\u5230 Android\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002
@@ -66,19 +66,19 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -226,29 +227,14 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -289,6 +275,23 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -305,6 +308,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -395,29 +399,14 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link current ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -458,6 +447,23 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -483,7 +489,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T09:09:39.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Weex-\u5230\u5df2\u6709\u5e94\u7528"><a href="#\u96c6\u6210-Weex-\u5230\u5df2\u6709\u5e94\u7528" class="headerlink" title="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528"></a>\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</h1><h2 id="\u96c6\u6210\u5230-Android"><a href="#\u96c6\u6210\u5230-Android" class="headerlink" title="\u96c6\u6210\u5230 Android"></a>\u96c6\u6210\u5230 Android</h2><p>\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002</p>
 <h3 id="Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"><a href="#Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f" class="headerlink" title="Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"></a>Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f</h3><ol>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/app-architecture.html b/cn/guide/intro/app-architecture.html
index a85eb1d..b6759be 100644
--- a/cn/guide/intro/app-architecture.html
+++ b/cn/guide/intro/app-architecture.html
@@ -15,7 +15,7 @@
 <meta property="og:description" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u9700\u8981\u5e76\u884c\u7814\u53d1\u7684\u80fd\u529b\uff0c\u5f53\u4e00\u4e2a\u79fb\u52a8\u5e94\u7528\u53d1\u5c55\u5230\u4e00\u5b9a\u89c4\u6a21\u7684\u65f6\u5019\uff0c\u80fd\u5426\u652f\u6491\u5927\u89c4\u6a21\u7684\u5e76\u884c\u7814\u53d1\u5c31\u6210\u4e3a\u4e86\u4e00\u4ef6\u975e\u5e38\u5173\u952e\u800c\u53c8\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u5426\u5219\u5f88\u5bb9\u6613\u53d8\u6210\u5de5\u7a0b\u74f6\u9888\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u52a8\u6001\u6027\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u4e0d\u8bba\u4ece\u7814\u53d1\u8282\u594f\u3001\u90e8\u7f72\u7684\u7075\u6d3b\u6027\u548c\u65f6\u6548\u6027\u3001\u5305\u5927\u5c0f\u3001\u8fd8\u662f\u4ece\u7814\u53d1\u5230\u53d1\u5e03\u518d\u5230\u53cd\u9988\u7684\u8fed\u4ee3\u5468\u671f\u4e0a\uff0c\u90fd\u548c\u79fb\u52a8\u4e92\u8054\u7f51\u7684\u53d1\u5c55">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528">
 <meta name="twitter:description" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -211,29 +212,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -274,6 +260,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -290,6 +293,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -380,29 +384,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -443,6 +432,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -468,7 +474,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u7528-Weex-\u6784\u5efa\u79fb\u52a8\u5e94\u7528"><a href="#\u7528-Weex-\u6784\u5efa\u79fb\u52a8\u5e94\u7528" class="headerlink" title="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528"></a>\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</h1><h2 id="\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528"><a href="#\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528" class="headerlink" title="\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528"></a>\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528</h2><p>\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002</p>
 <h3 id="\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1"><a href="#\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1" class="headerlink" title="\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1"></a>\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1</h3><p>\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u9700\u8981\u5e76\u884c\u7814\u53d1\u7684\u80fd\u529b\uff0c\u5f53\u4e00\u4e2a\u79fb\u52a8\u5e94\u7528\u53d1\u5c55\u5230\u4e00\u5b9a\u89c4\u6a21\u7684\u65f6\u5019\uff0c\u80fd\u5426\u652f\u6491\u5927\u89c4\u6a21\u7684\u5e76\u884c\u7814\u53d1\u5c31\u6210\u4e3a\u4e86\u4e00\u4ef6\u975e\u5e38\u5173\u952e\u800c\u53c8\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u5426\u5219\u5f88\u5bb9\u6613\u53d8\u6210\u5de5\u7a0b\u74f6\u9888\u3002</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/how-it-works.html b/cn/guide/intro/how-it-works.html
index 1fe339e..13578ab 100644
--- a/cn/guide/intro/how-it-works.html
+++ b/cn/guide/intro/how-it-works.html
@@ -12,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5de5\u4f5c\u539f\u7406\u6574\u4f53\u67b6\u6784Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef">
 <meta property="og:image" content="https://weex.apache.org/../images/flow.png">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5de5\u4f5c\u539f\u7406">
 <meta name="twitter:description" content="\u5de5\u4f5c\u539f\u7406\u6574\u4f53\u67b6\u6784Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef">
@@ -47,19 +47,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -207,29 +208,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -270,6 +256,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -286,6 +289,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -376,29 +380,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -439,6 +428,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -464,7 +470,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u5de5\u4f5c\u539f\u7406"><a href="#\u5de5\u4f5c\u539f\u7406" class="headerlink" title="\u5de5\u4f5c\u539f\u7406"></a>\u5de5\u4f5c\u539f\u7406</h1><h2 id="\u6574\u4f53\u67b6\u6784"><a href="#\u6574\u4f53\u67b6\u6784" class="headerlink" title="\u6574\u4f53\u67b6\u6784"></a>\u6574\u4f53\u67b6\u6784</h2><p>Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\u91cc\uff0cWeexSDK \u4f1a\u51c6\u5907\u597d\u4e00\u4e2a JavaScript \u5f15\u64ce\uff0c\u5e76\u4e14\u5728\u7528\u6237\u6253\u5f00\u4e00\u4e2a Weex \u9875\u9762\u65f6\u6267\u884c\u76f8\u5e94\u7684 JS bundle\uff0c\u5e76\u5728\u6267\u884c\u8fc7\u7a0b\u4e2d\u4ea7\u751f\u5404\u79cd\u547d\u4ee4\u53d1\u9001\u5230 native \u7aef\u8fdb\u884c\u7684\u754c\u9762\u6e32\u67d3\u6216\u6570\u636e\u5b58\u50a8\u3001\u7f51\u7edc\u901a\u4fe1\u3001\u8c03\u7528\u8bbe\u5907\u529f\u80fd\u3001\u7528\u6237\u4ea4\u4e92\u54cd\u5e94\u7b49\u79fb\u52a8\u5e94\u7528\u7684\u573a\u666f\u5b9e\u8df5\uff1b
 \u540c\u65f6\uff0c\u5982\u679c\u7528\u6237\u6ca1\u6709\u5b89\u88c5\u79fb\u52a8\u5e94\u7528\uff0c\u4ed6\u4ecd\u7136\u53ef\u4ee5\u5728\u6d4f\u89c8\u5668\u91cc\u6253\u5f00\u4e00\u4e2a\u76f8\u540c\u7684 web \u9875\u9762\uff0c\u8fd9\u4e2a\u9875\u9762\u662f\u4f7f\u7528\u76f8\u540c\u7684\u9875\u9762\u6e90\u4ee3\u7801\uff0c\u901a\u8fc7\u6d4f\u89c8\u5668\u91cc\u7684 JavaScript \u5f15\u64ce\u8fd0\u884c\u8d77\u6765\u7684\u3002</p>
 <p><img src="../images/flow.png" alt="How it works"></p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/index.html b/cn/guide/intro/index.html
index f17379a..15dc3a9 100644
--- a/cn/guide/intro/index.html
+++ b/cn/guide/intro/index.html
@@ -23,7 +23,7 @@ Web \u5f00\u53d1\u4f53\u9a8c
 \u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c
 \u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528
 Weex \u9875\u9762\u7ed3\u6784">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4ecb\u7ecd">
 <meta name="twitter:description" content="Intro
@@ -63,19 +63,19 @@ Weex \u9875\u9762\u7ed3\u6784">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ Weex \u9875\u9762\u7ed3\u6784">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -223,29 +224,14 @@ Weex \u9875\u9762\u7ed3\u6784">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -286,6 +272,23 @@ Weex \u9875\u9762\u7ed3\u6784">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -302,6 +305,7 @@ Weex \u9875\u9762\u7ed3\u6784">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -392,29 +396,14 @@ Weex \u9875\u9762\u7ed3\u6784">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -455,6 +444,23 @@ Weex \u9875\u9762\u7ed3\u6784">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -480,7 +486,7 @@ Weex \u9875\u9762\u7ed3\u6784">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Intro"><a href="#Intro" class="headerlink" title="Intro"></a>Intro</h1><ul>
 <li><a href="./how-it-works.html">\u5de5\u4f5c\u539f\u7406</a></li>



[15/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/page-architecture.html b/cn/guide/intro/page-architecture.html
index 6d57533..cbf9fca 100644
--- a/cn/guide/intro/page-architecture.html
+++ b/cn/guide/intro/page-architecture.html
@@ -13,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex \u9875\u9762\u7ed3\u6784\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002
 \u754c\u9762DOM \u6a21\u578bWeex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u9875\u9762\u7ed3\u6784">
 <meta name="twitter:description" content="Weex \u9875\u9762\u7ed3\u6784\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,29 +209,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -271,6 +257,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -287,6 +290,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,29 +381,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -440,6 +429,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -465,7 +471,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Weex-\u9875\u9762\u7ed3\u6784"><a href="#Weex-\u9875\u9762\u7ed3\u6784" class="headerlink" title="Weex \u9875\u9762\u7ed3\u6784"></a>Weex \u9875\u9762\u7ed3\u6784</h1><p>\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002</p>
 <h2 id="\u754c\u9762"><a href="#\u754c\u9762" class="headerlink" title="\u754c\u9762"></a>\u754c\u9762</h2><h3 id="DOM-\u6a21\u578b"><a href="#DOM-\u6a21\u578b" class="headerlink" title="DOM \u6a21\u578b"></a>DOM \u6a21\u578b</h3><p>Weex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/using-vue.html b/cn/guide/intro/using-vue.html
index 00b1e4b..2a1aaa4 100644
--- a/cn/guide/intro/using-vue.html
+++ b/cn/guide/intro/using-vue.html
@@ -16,7 +16,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
 
 Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
 <meta property="og:image" content="https://weex.apache.org//cn.vuejs.org/images/vue-component.png">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762">
 <meta name="twitter:description" content="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762Vue in WeexVue.js \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 *.vue \u6587\u4ef6\uff0c\u57fa\u4e8e &amp;lt;template&amp;gt;, &amp;lt;style&amp;gt;, &amp;lt;script&amp;gt; \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002
@@ -53,19 +53,19 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -213,29 +214,14 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -276,6 +262,23 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -292,6 +295,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -382,29 +386,14 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -445,6 +434,23 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -470,7 +476,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u4f7f\u7528-Vue-\u5f00\u53d1-Weex-\u9875\u9762"><a href="#\u4f7f\u7528-Vue-\u5f00\u53d1-Weex-\u9875\u9762" class="headerlink" title="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762"></a>\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</h1><h2 id="Vue-in-Weex"><a href="#Vue-in-Weex" class="headerlink" title="Vue in Weex"></a>Vue in Weex</h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 <code>*.vue</code> \u6587\u4ef6\uff0c\u57fa\u4e8e <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002</p>
 <p><img src="//cn.vuejs.org/images/vue-component.png" alt="a vue file"></p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/web-dev-experience.html b/cn/guide/intro/web-dev-experience.html
index b828f5b..f282710 100644
--- a/cn/guide/intro/web-dev-experience.html
+++ b/cn/guide/intro/web-dev-experience.html
@@ -17,7 +17,7 @@
 \u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c\u6211\u4eec\u9009\u62e9\u57fa\u4e8e Web \u5f00\u53d1\u4f53\u9a8c\u6709\u4ee5\u4e0b\u51e0\u65b9\u9762\u539f\u56e0\uff1a
 
 \u4eca\u5929\u5728\u6280\u672f\u793e\u533a\u6709\u5927">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Web \u5f00\u53d1\u4f53\u9a8c">
 <meta name="twitter:description" content="Web \u5f00\u53d1\u4f53\u9a8c\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8cWeex \u7684\u5f00\u53d1\u4f53\u9a8c\u548c web \u7684\u5f00\u53d1\u4f53\u9a8c\u662f\u975e\u5e38\u63a5\u8fd1\u7684\uff0c\u5b83\u901a\u8fc7 HTML \u6216\u57fa\u4e8e HTML \u6a21\u677f\u6765\u63cf\u8ff0\u754c\u9762\u7684\u7ed3\u6784\u548c\u5185\u5bb9\uff0c\u901a\u8fc7 CSS \u7684\u65b9\u5f0f\u63cf\u8ff0\u754c\u9762\u7684\u5c55\u73b0\u5f62\u5f0f\uff0c\u7528 JavaScript \u6765\u63cf\u8ff0\u7528\u6237\u884c\u4e3a\u548c\u4e1a\u52a1\u903b\u8f91\u3002\u540c\u65f6\u6709\u5b8c\u6574\u7684\u5de5\u7a0b\u673a\u5236\uff0c\u5982\u521b\u5efa\u3001\u5f00\u53d1\u3001\u8c03\u8bd5\u3001\u90e8\u7f72\u3002
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -214,29 +215,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -277,6 +263,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -293,6 +296,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -383,29 +387,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -446,6 +435,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -471,7 +477,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="Web \u5f00\u53d1\u4f53\u9a8c"></a>Web \u5f00\u53d1\u4f53\u9a8c</h1><h2 id="\u4ec0\u4e48\u662f-Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#\u4ec0\u4e48\u662f-Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8c"></a>\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8c</h2><p>Weex \u7684\u5f00\u53d1\u4f53\u9a8c\u548c web \u7684\u5f00\u53d1\u4f53\u9a8c\u662f\u975e\u5e38\u63a5\u8fd1\u7684\uff0c\u5b83\u901a\u8fc7 HTML \u6216\u57fa\u4e8e HTML \u6a21\u677f\u6765\u63cf\u8ff0\u754c\u9762\u7684\u7ed3\u6784\u548c\u5185\u5bb9\uff0c\u901a\u8fc7 CSS \u7684\u65b9\u5f0f\u63cf\u8ff0\u754c\u9762\u7684\u5c55\u73b0\u5f62\u5f0f\uff0c\u7528 JavaScript \u6765\u63cf\u8ff0\u7528\u6237\u884c\u4e3a\u548c\u4e1a\u52a1\u903b\u8f91\u3002\u540c\u65f6\u6709\u5b8c\u6574\u7684\u5de5\u7a0b\u673a\u5236\uff0c\u5982\u521b\u5efa\u3001\u5f00\u53d1\u3001\u8c03\u8bd5\u3001\u90e8\u7f72\u3002</p>
 <h2 id="\u4e3a\u4ec0\u4e48\u9009\u62e9-Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#\u4e3a\u4ec0\u4e48\u9009\u62e9-Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="\u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c"></a>\u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c</h2><p>\u6211\u4eec\u9009\u62e9\u57fa\u4e8e Web \u5f00\u53d1\u4f53\u9a8c\u6709\u4ee5\u4e0b\u51e0\u65b9\u9762\u539f\u56e0\uff1a</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/cn/guide/intro/write-once.html b/cn/guide/intro/write-once.html
index 6f5d171..b1f089a 100644
--- a/cn/guide/intro/write-once.html
+++ b/cn/guide/intro/write-once.html
@@ -27,7 +27,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
 \u6211\u4eec\u8fd9\u6837\u8bbe\u8ba1\u57fa\u4e8e\u4ee5\u4e0b\u51e0\u70b9\u8bbe\u60f3\uff1a
 
 \u4eca\u5929\u7edd\u5927\u591a\u6570\u7684\u79fb\u52a8\u5e94\u7528\uff0c\u867d\u7136\u8981\u540c\u65f6\u51fa\u73b0">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c">
 <meta name="twitter:description" content="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884cWeex \u63d0\u4f9b\u4e86\u591a\u7aef\u4e00\u81f4\u7684\u6280\u672f\u65b9\u6848\u3002
@@ -69,19 +69,19 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -229,29 +230,14 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -292,6 +278,23 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -308,6 +311,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -398,29 +402,14 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -461,6 +450,23 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -486,7 +492,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c"><a href="#\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c" class="headerlink" title="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c"></a>\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</h1><p>Weex \u63d0\u4f9b\u4e86\u591a\u7aef\u4e00\u81f4\u7684\u6280\u672f\u65b9\u6848\u3002</p>
 <ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/set-up-env.html
----------------------------------------------------------------------
diff --git a/cn/guide/set-up-env.html b/cn/guide/set-up-env.html
index 1ef9b20..5488fd6 100644
--- a/cn/guide/set-up-env.html
+++ b/cn/guide/set-up-env.html
@@ -16,7 +16,7 @@
 \u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c Weex CLi\u3002
 \u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
-<meta property="og:updated_time" content="2017-03-10T09:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883">
 <meta name="twitter:description" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
@@ -53,19 +53,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -213,29 +214,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -276,6 +262,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -292,6 +295,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -382,29 +386,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -445,6 +434,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -470,7 +476,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T09:09:41.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u642d\u5efa\u5f00\u53d1\u73af\u5883"><a href="#\u642d\u5efa\u5f00\u53d1\u73af\u5883" class="headerlink" title="\u642d\u5efa\u5f00\u53d1\u73af\u5883"></a>\u642d\u5efa\u5f00\u53d1\u73af\u5883</h1><p>\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002</p>
 <h2 id="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"><a href="#\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56" class="headerlink" title="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"></a>\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56</h2><p>Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">Weex CLi</a>\u3002</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/tools/devtools.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/devtools.html b/cn/guide/tools/devtools.html
index e3a0070..3cb4072 100644
--- a/cn/guide/tools/devtools.html
+++ b/cn/guide/tools/devtools.html
@@ -28,7 +28,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Devtools">
 <meta name="twitter:description" content="Devtoolsweex devtools \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 Chrome Debugging Protocol \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
@@ -67,19 +67,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -128,6 +128,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -227,29 +228,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -290,6 +276,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -306,6 +309,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -396,29 +400,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -459,6 +448,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -484,7 +490,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p><strong>weex devtools</strong> \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external"><strong>Chrome Debugging Protocol</strong></a> \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 <strong>iOS</strong> \u548c <strong>Android</strong> \u4e24\u4e2a\u5e73\u53f0\u3002</p>
 <ol>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/tools/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/index.html b/cn/guide/tools/index.html
index 00717fb..4e3dcf1 100644
--- a/cn/guide/tools/index.html
+++ b/cn/guide/tools/index.html
@@ -15,7 +15,7 @@ Weexpack">
 <meta property="og:description" content="\u5468\u8fb9\u5de5\u5177
 Devtools
 Weexpack">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5468\u8fb9\u5de5\u5177">
 <meta name="twitter:description" content="\u5468\u8fb9\u5de5\u5177
@@ -51,19 +51,19 @@ Weexpack">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Weexpack">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -211,29 +212,14 @@ Weexpack">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -274,6 +260,23 @@ Weexpack">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -290,6 +293,7 @@ Weexpack">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -380,29 +384,14 @@ Weexpack">
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -443,6 +432,23 @@ Weexpack">
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link  ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -468,7 +474,7 @@ Weexpack">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u5468\u8fb9\u5de5\u5177"><a href="#\u5468\u8fb9\u5de5\u5177" class="headerlink" title="\u5468\u8fb9\u5de5\u5177"></a>\u5468\u8fb9\u5de5\u5177</h1><ul>
 <li><a href="./devtools.html">Devtools</a></li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/guide/tools/weexpack.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/weexpack.html b/cn/guide/tools/weexpack.html
index c648da3..ad3586b 100644
--- a/cn/guide/tools/weexpack.html
+++ b/cn/guide/tools/weexpack.html
@@ -13,7 +13,7 @@
 <meta property="og:description" content="\u4f7f\u7528 Weexpackweexpack \u4ecb\u7ecdweexpack \u662f weex \u65b0\u4e00\u4ee3\u7684\u5de5\u7a0b\u5f00\u53d1\u5957\u4ef6\uff0c\u662f\u57fa\u4e8e weex \u5feb\u901f\u642d\u5efa\u5e94\u7528\u539f\u578b\u7684\u5229\u5668\u3002\u5b83\u80fd\u591f\u5e2e\u52a9\u5f00\u53d1\u8005\u901a\u8fc7\u547d\u4ee4\u884c\u521b\u5efa Weex \u5de5\u7a0b\uff0c\u6dfb\u52a0\u76f8\u5e94\u5e73\u53f0\u7684 Weex app \u6a21\u7248\uff0c\u5e76\u57fa\u4e8e\u6a21\u7248\u4ece\u672c\u5730\u3001GitHub \u6216\u8005 Weex \u5e94\u7528\u5e02\u573a\u5b89\u88c5\u63d2\u4ef6\uff0c\u5feb\u901f\u6253\u5305 Weex \u5e94\u7528\u5e76\u5b89\u88c5\u5230\u624b\u673a\u8fd0\u884c\uff0c\u5bf9\u4e8e\u5177\u6709\u5206\u4eab\u7cbe\u795e\u7684\u5f00\u53d1\u8005\u800c\u8a00\u8fd8\u80fd\u591f\u521b\u5efa Weex \u63d2\u4ef6\u6a21\u7248\u5e76\u53d1\u5e03">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1.bpVPXXXXXarapXXXXXXXXXX-462-310.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB18hxjPXXXXXXgapXXXXXXXXXX-248-258.png">
-<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Weexpack">
 <meta name="twitter:description" content="\u4f7f\u7528 Weexpackweexpack \u4ecb\u7ecdweexpack \u662f weex \u65b0\u4e00\u4ee3\u7684\u5de5\u7a0b\u5f00\u53d1\u5957\u4ef6\uff0c\u662f\u57fa\u4e8e weex \u5feb\u901f\u642d\u5efa\u5e94\u7528\u539f\u578b\u7684\u5229\u5668\u3002\u5b83\u80fd\u591f\u5e2e\u52a9\u5f00\u53d1\u8005\u901a\u8fc7\u547d\u4ee4\u884c\u521b\u5efa Weex \u5de5\u7a0b\uff0c\u6dfb\u52a0\u76f8\u5e94\u5e73\u53f0\u7684 Weex app \u6a21\u7248\uff0c\u5e76\u57fa\u4e8e\u6a21\u7248\u4ece\u672c\u5730\u3001GitHub \u6216\u8005 Weex \u5e94\u7528\u5e02\u573a\u5b89\u88c5\u63d2\u4ef6\uff0c\u5feb\u901f\u6253\u5305 Weex \u5e94\u7528\u5e76\u5b89\u88c5\u5230\u624b\u673a\u8fd0\u884c\uff0c\u5bf9\u4e8e\u5177\u6709\u5206\u4eab\u7cbe\u795e\u7684\u5f00\u53d1\u8005\u800c\u8a00\u8fd8\u80fd\u591f\u521b\u5efa Weex \u63d2\u4ef6\u6a21\u7248\u5e76\u53d1\u5e03">
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,29 +209,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link current ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -271,6 +257,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link current ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -287,6 +290,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,29 +381,14 @@
       <li>
         <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link  ">\u5feb\u901f\u4e0a\u624b</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
-        
           <ul class="chapter">
             
               <li>
-                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+                <a href="/cn/guide/set-up-env.html" class="sidebar-link  ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a>
               </li>
             
               <li>
-                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link current ">\u4f7f\u7528 Weexpack</a>
+                <a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link  ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a>
               </li>
             
           </ul>
@@ -440,6 +429,23 @@
       </li>
     
       <li>
+        <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link  ">\u5468\u8fb9\u5de5\u5177</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/cn/guide/tools/devtools.html" class="sidebar-link  ">\u4f7f\u7528 Devtools</a>
+              </li>
+            
+              <li>
+                <a href="/cn/guide/tools/weexpack.html" class="sidebar-link current ">\u4f7f\u7528 Weexpack</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
         <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link  ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
         
       </li>
@@ -465,7 +471,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="\u4f7f\u7528-Weexpack"><a href="#\u4f7f\u7528-Weexpack" class="headerlink" title="\u4f7f\u7528 Weexpack"></a>\u4f7f\u7528 Weexpack</h1><h2 id="weexpack-\u4ecb\u7ecd"><a href="#weexpack-\u4ecb\u7ecd" class="headerlink" title="weexpack \u4ecb\u7ecd"></a>weexpack \u4ecb\u7ecd</h2><p>weexpack \u662f weex \u65b0\u4e00\u4ee3\u7684\u5de5\u7a0b\u5f00\u53d1\u5957\u4ef6\uff0c\u662f\u57fa\u4e8e weex \u5feb\u901f\u642d\u5efa\u5e94\u7528\u539f\u578b\u7684\u5229\u5668\u3002\u5b83\u80fd\u591f\u5e2e\u52a9\u5f00\u53d1\u8005\u901a\u8fc7\u547d\u4ee4\u884c\u521b\u5efa Weex \u5de5\u7a0b\uff0c\u6dfb\u52a0\u76f8\u5e94\u5e73\u53f0\u7684 Weex app \u6a21\u7248\uff0c\u5e76\u57fa\u4e8e\u6a21\u7248\u4ece\u672c\u5730\u3001GitHub \u6216\u8005 Weex \u5e94\u7528\u5e02\u573a\u5b89\u88c5\u63d2\u4ef6\uff0c\u5feb\u901f\u6253\u5305 Weex \u5e94\u7528\u5e76\u5b89\u88c5\u5230\u624b\u673a\u8fd0\u884c\uff0c\u5bf9\u4e8e\u5177\u6709\u5206\u4eab\u7cbe\u795e\u7684\u5f00\u53d1\u8005\u800c\u8a00\u8fd8\u80fd\u591f\u521b\u5efa Weex \u63d2\u4ef6\u6a21\u7248\u5e76\u53d1\u5e03\u63d2\u4ef6\u5230 Weex \u5e94\u7528\u5e02\u573a\u3002</p>
 <p><strong>\u6ce8\u610f\uff1a</strong> weexpack \u76ee\u524d\u6682\u4e0d\u652f\u6301\u642d\u5efa Vue 2.0 \u7248\u672c\u7684 Weex\u3002</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/hello/index.html
----------------------------------------------------------------------
diff --git a/cn/hello/index.html b/cn/hello/index.html
index 55f6c27..1dce587 100644
--- a/cn/hello/index.html
+++ b/cn/hello/index.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper article-wrapper post-layout">
   
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/index.html
----------------------------------------------------------------------
diff --git a/cn/index.html b/cn/index.html
index cb2cfa6..140f07d 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="index-sidebar">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <script>
   ;(function(){
     var currentOrigin = location.origin || 'https://weex-project.io',

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/playground.html
----------------------------------------------------------------------
diff --git a/cn/playground.html b/cn/playground.html
index 5a46469..c84497d 100644
--- a/cn/playground.html
+++ b/cn/playground.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper playground-wrapper clearfix">
   <div class="left">
     <h2>Weex Playground</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-jsfm.html b/cn/references/advanced/extend-jsfm.html
index b69564c..ce5fd43 100644
--- a/cn/references/advanced/extend-jsfm.html
+++ b/cn/references/advanced/extend-jsfm.html
@@ -57,19 +57,19 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-android.html b/cn/references/advanced/extend-to-android.html
index 0323f94..76b4443 100644
--- a/cn/references/advanced/extend-to-android.html
+++ b/cn/references/advanced/extend-to-android.html
@@ -57,19 +57,19 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-html5.html b/cn/references/advanced/extend-to-html5.html
index 3f17da8..a924fba 100644
--- a/cn/references/advanced/extend-to-html5.html
+++ b/cn/references/advanced/extend-to-html5.html
@@ -51,19 +51,19 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/extend-to-ios.html b/cn/references/advanced/extend-to-ios.html
index bb06a67..875fe98 100644
--- a/cn/references/advanced/extend-to-ios.html
+++ b/cn/references/advanced/extend-to-ios.html
@@ -57,19 +57,19 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>



[14/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/index.html b/cn/references/advanced/index.html
index f2d32f4..a96748c 100644
--- a/cn/references/advanced/index.html
+++ b/cn/references/advanced/index.html
@@ -63,19 +63,19 @@ JS framework \u6269\u5c55
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ JS framework \u6269\u5c55
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ JS framework \u6269\u5c55
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/integrate-devtool-to-android.html b/cn/references/advanced/integrate-devtool-to-android.html
index 6781cf1..73f9dab 100644
--- a/cn/references/advanced/integrate-devtool-to-android.html
+++ b/cn/references/advanced/integrate-devtool-to-android.html
@@ -52,19 +52,19 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -113,6 +113,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -489,11 +490,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -525,11 +526,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -718,6 +719,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1085,11 +1087,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1121,11 +1123,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/references/advanced/integrate-devtool-to-ios.html b/cn/references/advanced/integrate-devtool-to-ios.html
index 3ed5df9..153a331 100644
--- a/cn/references/advanced/integrate-devtool-to-ios.html
+++ b/cn/references/advanced/integrate-devtool-to-ios.html
@@ -60,19 +60,19 @@ source https://github.com/C">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ source https://github.com/C">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -497,11 +498,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -533,11 +534,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -726,6 +727,7 @@ source https://github.com/C">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1093,11 +1095,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1129,11 +1131,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/android-apis.html
----------------------------------------------------------------------
diff --git a/cn/references/android-apis.html b/cn/references/android-apis.html
index 7216db0..b0fd782 100644
--- a/cn/references/android-apis.html
+++ b/cn/references/android-apis.html
@@ -66,19 +66,19 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -503,11 +504,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -539,11 +540,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -732,6 +733,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1099,11 +1101,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1135,11 +1137,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/color-names.html
----------------------------------------------------------------------
diff --git a/cn/references/color-names.html b/cn/references/color-names.html
index 2184ce1..52b9774 100644
--- a/cn/references/color-names.html
+++ b/cn/references/color-names.html
@@ -168,19 +168,19 @@ g">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -229,6 +229,7 @@ g">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -605,11 +606,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -641,11 +642,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -834,6 +835,7 @@ g">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1201,11 +1203,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1237,11 +1239,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/common-event.html
----------------------------------------------------------------------
diff --git a/cn/references/common-event.html b/cn/references/common-event.html
index fd7f3c6..05fb15a 100644
--- a/cn/references/common-event.html
+++ b/cn/references/common-event.html
@@ -63,19 +63,19 @@ targe">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ targe">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ targe">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/common-style.html
----------------------------------------------------------------------
diff --git a/cn/references/common-style.html b/cn/references/common-style.html
index cc062f5..81250e6 100644
--- a/cn/references/common-style.html
+++ b/cn/references/common-style.html
@@ -61,19 +61,19 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -122,6 +122,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -498,11 +499,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -534,11 +535,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -727,6 +728,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1094,11 +1096,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1130,11 +1132,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/a.html
----------------------------------------------------------------------
diff --git a/cn/references/components/a.html b/cn/references/components/a.html
index abb5283..5b9a94c 100644
--- a/cn/references/components/a.html
+++ b/cn/references/components/a.html
@@ -54,19 +54,19 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/cell.html
----------------------------------------------------------------------
diff --git a/cn/references/components/cell.html b/cn/references/components/cell.html
index e9e7c5e..cf5d430 100644
--- a/cn/references/components/cell.html
+++ b/cn/references/components/cell.html
@@ -54,19 +54,19 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@ keep-scroll-position {boolean}: v0.11+ List \u63d2">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/div.html
----------------------------------------------------------------------
diff --git a/cn/references/components/div.html b/cn/references/components/div.html
index 0b7f2fa..a4fc903 100644
--- a/cn/references/components/div.html
+++ b/cn/references/components/div.html
@@ -53,19 +53,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -490,11 +491,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -526,11 +527,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -719,6 +720,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1086,11 +1088,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1122,11 +1124,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/image.html
----------------------------------------------------------------------
diff --git a/cn/references/components/image.html b/cn/references/components/image.html
index 6c3b499..6d926e9 100644
--- a/cn/references/components/image.html
+++ b/cn/references/components/image.html
@@ -56,19 +56,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -117,6 +117,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -493,11 +494,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -529,11 +530,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -722,6 +723,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1089,11 +1091,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1125,11 +1127,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/index.html
----------------------------------------------------------------------
diff --git a/cn/references/components/index.html b/cn/references/components/index.html
index 17b192c..569ecb9 100644
--- a/cn/references/components/index.html
+++ b/cn/references/components/index.html
@@ -84,19 +84,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -145,6 +145,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -521,11 +522,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -557,11 +558,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -750,6 +751,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1117,11 +1119,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1155,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/cn/references/components/indicator.html b/cn/references/components/indicator.html
index 9968e46..e07c8a5 100644
--- a/cn/references/components/indicator.html
+++ b/cn/references/components/indicator.html
@@ -57,19 +57,19 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -494,11 +495,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -530,11 +531,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -723,6 +724,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1090,11 +1092,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1126,11 +1128,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/input.html
----------------------------------------------------------------------
diff --git a/cn/references/components/input.html b/cn/references/components/input.html
index 524ee69..429d9aa 100644
--- a/cn/references/components/input.html
+++ b/cn/references/components/input.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -491,11 +492,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -527,11 +528,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1087,11 +1089,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1123,11 +1125,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/list.html
----------------------------------------------------------------------
diff --git a/cn/references/components/list.html b/cn/references/components/list.html
index fbd4972..9018574 100644
--- a/cn/references/components/list.html
+++ b/cn/references/components/list.html
@@ -59,19 +59,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -120,6 +120,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -496,11 +497,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -532,11 +533,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -725,6 +726,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1092,11 +1094,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1128,11 +1130,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/loading.html
----------------------------------------------------------------------
diff --git a/cn/references/components/loading.html b/cn/references/components/loading.html
index f095cb7..189bf8e 100644
--- a/cn/references/components/loading.html
+++ b/cn/references/components/loading.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/cn/references/components/refresh.html b/cn/references/components/refresh.html
index 1b9948c..8383c2e 100644
--- a/cn/references/components/refresh.html
+++ b/cn/references/components/refresh.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -488,11 +489,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -524,11 +525,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -717,6 +718,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1084,11 +1086,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1120,11 +1122,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/cn/references/components/scroller.html b/cn/references/components/scroller.html
index 0333601..a91e3ae 100644
--- a/cn/references/components/scroller.html
+++ b/cn/references/components/scroller.html
@@ -62,19 +62,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -123,6 +123,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -499,11 +500,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -535,11 +536,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -728,6 +729,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1095,11 +1097,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1131,11 +1133,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/slider.html
----------------------------------------------------------------------
diff --git a/cn/references/components/slider.html b/cn/references/components/slider.html
index a18790f..75d3415 100644
--- a/cn/references/components/slider.html
+++ b/cn/references/components/slider.html
@@ -63,19 +63,19 @@ auto-play {boolean}\uff1a\u53ef\u9009">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -500,11 +501,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -536,11 +537,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -729,6 +730,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1096,11 +1098,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1132,11 +1134,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/references/components/switch.html
----------------------------------------------------------------------
diff --git a/cn/references/components/switch.html b/cn/references/components/switch.html
index d93ddec..6c651ec 100644
--- a/cn/references/components/switch.html
+++ b/cn/references/components/switch.html
@@ -60,19 +60,19 @@ disab">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ disab">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -497,11 +498,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -533,11 +534,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -726,6 +727,7 @@ disab">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1093,11 +1095,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
@@ -1129,11 +1131,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>



[03/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/index.html b/v-0.10/guide/how-to/index.html
index e0296ad..139c745 100644
--- a/v-0.10/guide/how-to/index.html
+++ b/v-0.10/guide/how-to/index.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -315,6 +316,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/preview-in-playground-app.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/preview-in-playground-app.html b/v-0.10/guide/how-to/preview-in-playground-app.html
index 85ef6fb..5e9349a 100644
--- a/v-0.10/guide/how-to/preview-in-playground-app.html
+++ b/v-0.10/guide/how-to/preview-in-playground-app.html
@@ -61,19 +61,19 @@ into Sample homePa">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -122,6 +122,7 @@ into Sample homePa">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -329,6 +330,7 @@ into Sample homePa">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/require-3rd-party-libs.html b/v-0.10/guide/how-to/require-3rd-party-libs.html
index ad038c9..4e49a36 100644
--- a/v-0.10/guide/how-to/require-3rd-party-libs.html
+++ b/v-0.10/guide/how-to/require-3rd-party-libs.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/how-to/transform-code-into-js-bundle.html b/v-0.10/guide/how-to/transform-code-into-js-bundle.html
index 39d48c5..33c3876 100644
--- a/v-0.10/guide/how-to/transform-code-into-js-bundle.html
+++ b/v-0.10/guide/how-to/transform-code-into-js-bundle.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/index.html b/v-0.10/guide/index.html
index de9178d..a0af56e 100644
--- a/v-0.10/guide/index.html
+++ b/v-0.10/guide/index.html
@@ -53,19 +53,19 @@ Getting StartedLet\u2019s">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@ Getting StartedLet\u2019s">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -321,6 +322,7 @@ Getting StartedLet\u2019s">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/comm.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/comm.html b/v-0.10/guide/syntax/comm.html
index 8b6c9e3..4b3a48f 100644
--- a/v-0.10/guide/syntax/comm.html
+++ b/v-0.10/guide/syntax/comm.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/composed-component.html b/v-0.10/guide/syntax/composed-component.html
index 58c4d49..89d041a 100644
--- a/v-0.10/guide/syntax/composed-component.html
+++ b/v-0.10/guide/syntax/composed-component.html
@@ -48,19 +48,19 @@ You can create a file named foo.we to define a composed component, the componen"
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ You can create a file named foo.we to define a composed component, the componen"
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -316,6 +317,7 @@ You can create a file named foo.we to define a composed component, the componen"
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/config-n-data.html b/v-0.10/guide/syntax/config-n-data.html
index 9feef3b..e5110ca 100644
--- a/v-0.10/guide/syntax/config-n-data.html
+++ b/v-0.10/guide/syntax/config-n-data.html
@@ -51,19 +51,19 @@ the instance config could declare some meta informations like whic">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ the instance config could declare some meta informations like whic">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -319,6 +320,7 @@ the instance config could declare some meta informations like whic">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/data-binding.html b/v-0.10/guide/syntax/data-binding.html
index 654b124..dcf92d9 100644
--- a/v-0.10/guide/syntax/data-binding.html
+++ b/v-0.10/guide/syntax/data-binding.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/display-logic.html b/v-0.10/guide/syntax/display-logic.html
index 971996d..c0744a1 100644
--- a/v-0.10/guide/syntax/display-logic.html
+++ b/v-0.10/guide/syntax/display-logic.html
@@ -51,19 +51,19 @@ Notes: The display logic could\u2019t apply o">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Notes: The display logic could\u2019t apply o">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -319,6 +320,7 @@ Notes: The display logic could\u2019t apply o">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/events.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/events.html b/v-0.10/guide/syntax/events.html
index b28d50f..3b0fa21 100644
--- a/v-0.10/guide/syntax/events.html
+++ b/v-0.10/guide/syntax/events.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/id.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/id.html b/v-0.10/guide/syntax/id.html
index df60439..c614e90 100644
--- a/v-0.10/guide/syntax/id.html
+++ b/v-0.10/guide/syntax/id.html
@@ -48,19 +48,19 @@ id can be used by this.$el(id) to find an element with a certain id.">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -316,6 +317,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/index.html b/v-0.10/guide/syntax/index.html
index 9d104ee..fac5265 100644
--- a/v-0.10/guide/syntax/index.html
+++ b/v-0.10/guide/syntax/index.html
@@ -48,19 +48,19 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -316,6 +317,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/render-logic.html b/v-0.10/guide/syntax/render-logic.html
index 719e5c4..0e373e0 100644
--- a/v-0.10/guide/syntax/render-logic.html
+++ b/v-0.10/guide/syntax/render-logic.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -313,6 +314,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/guide/syntax/style-n-class.html
----------------------------------------------------------------------
diff --git a/v-0.10/guide/syntax/style-n-class.html b/v-0.10/guide/syntax/style-n-class.html
index 3d16ab5..b65a8d2 100644
--- a/v-0.10/guide/syntax/style-n-class.html
+++ b/v-0.10/guide/syntax/style-n-class.html
@@ -48,19 +48,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -316,6 +317,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/api.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/api.html b/v-0.10/references/api.html
index c61aed1..2e2fb58 100644
--- a/v-0.10/references/api.html
+++ b/v-0.10/references/api.html
@@ -51,19 +51,19 @@ e.g.
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ e.g.
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ e.g.
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/cheatsheet.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/cheatsheet.html b/v-0.10/references/cheatsheet.html
index be36f2b..fe5021c 100644
--- a/v-0.10/references/cheatsheet.html
+++ b/v-0.10/references/cheatsheet.html
@@ -108,19 +108,19 @@ clickappeardisappear
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -169,6 +169,7 @@ clickappeardisappear
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -199,21 +200,20 @@ clickappeardisappear
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -229,6 +229,7 @@ clickappeardisappear
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/color-names.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/color-names.html b/v-0.10/references/color-names.html
index 8670090..b74a3a2 100644
--- a/v-0.10/references/color-names.html
+++ b/v-0.10/references/color-names.html
@@ -159,19 +159,19 @@ fuchsia
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -220,6 +220,7 @@ fuchsia
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -512,11 +513,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -589,11 +590,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -661,6 +662,7 @@ fuchsia
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -944,11 +946,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1021,11 +1023,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/common-attrs.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/common-attrs.html b/v-0.10/references/common-attrs.html
index 4c52957..7454b69 100644
--- a/v-0.10/references/common-attrs.html
+++ b/v-0.10/references/common-attrs.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/common-event.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/common-event.html b/v-0.10/references/common-event.html
index ae2f8c7..ed01e08 100644
--- a/v-0.10/references/common-event.html
+++ b/v-0.10/references/common-event.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/common-style.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/common-style.html b/v-0.10/references/common-style.html
index 76e5908..de58e07 100644
--- a/v-0.10/references/common-style.html
+++ b/v-0.10/references/common-style.html
@@ -56,19 +56,19 @@ Weex box model based on the CSS box model, all of weex elements can be considere
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -117,6 +117,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -409,11 +410,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -486,11 +487,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -558,6 +559,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -841,11 +843,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -918,11 +920,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/component-defs.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/component-defs.html b/v-0.10/references/component-defs.html
index 070d6c3..573e341 100644
--- a/v-0.10/references/component-defs.html
+++ b/v-0.10/references/component-defs.html
@@ -48,19 +48,19 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/a.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/a.html b/v-0.10/references/components/a.html
index 6beac36..1b68182 100644
--- a/v-0.10/references/components/a.html
+++ b/v-0.10/references/components/a.html
@@ -48,19 +48,19 @@ Child ComponentsThis type of component supports all kinds of weex component as i
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/cell.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/cell.html b/v-0.10/references/components/cell.html
index 108ce91..3d8f436 100644
--- a/v-0.10/references/components/cell.html
+++ b/v-0.10/references/components/cell.html
@@ -48,19 +48,19 @@ Child ComponentsThis type of component supports all kind">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsThis type of component supports all kind">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ Child ComponentsThis type of component supports all kind">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/div.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/div.html b/v-0.10/references/components/div.html
index 11a756a..764e6bb 100644
--- a/v-0.10/references/components/div.html
+++ b/v-0.10/references/components/div.html
@@ -48,19 +48,19 @@ alias: &amp;lt;container&amp;gt; (depre">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/image.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/image.html b/v-0.10/references/components/image.html
index 406b5cc..d66f735 100644
--- a/v-0.10/references/components/image.html
+++ b/v-0.10/references/components/image.html
@@ -48,19 +48,19 @@ Notes: the styles of width and height should be specified,">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Notes: the styles of width and height should be specified,">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ Notes: the styles of width and height should be specified,">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/index.html b/v-0.10/references/components/index.html
index b7ef5ae..873561d 100644
--- a/v-0.10/references/components/index.html
+++ b/v-0.10/references/components/index.html
@@ -84,19 +84,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -145,6 +145,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -437,11 +438,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -514,11 +515,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -586,6 +587,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -869,11 +871,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -946,11 +948,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/indicator.html b/v-0.10/references/components/indicator.html
index aebdc33..a128ec7 100644
--- a/v-0.10/references/components/indicator.html
+++ b/v-0.10/references/components/indicator.html
@@ -51,19 +51,19 @@ AttributesThere is no specific attribute for t">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ AttributesThere is no specific attribute for t">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ AttributesThere is no specific attribute for t">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>


[05/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/image.html
----------------------------------------------------------------------
diff --git a/references/components/image.html b/references/components/image.html
index c47dba1..d7c4120 100644
--- a/references/components/image.html
+++ b/references/components/image.html
@@ -48,19 +48,19 @@ Notes: the styles of width and height should be specified,">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Notes: the styles of width and height should be specified,">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Notes: the styles of width and height should be specified,">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Notes: the styles of width and height should be specified,">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Notes: the styles of width and height should be specified,">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/index.html
----------------------------------------------------------------------
diff --git a/references/components/index.html b/references/components/index.html
index 54a3263..4517c6b 100644
--- a/references/components/index.html
+++ b/references/components/index.html
@@ -84,19 +84,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -145,6 +145,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -709,12 +710,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -741,6 +742,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1296,12 +1298,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/references/components/indicator.html b/references/components/indicator.html
index 3cea74a..043d9e2 100644
--- a/references/components/indicator.html
+++ b/references/components/indicator.html
@@ -51,19 +51,19 @@ AttributesThere is no specific attribute for t">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ AttributesThere is no specific attribute for t">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ AttributesThere is no specific attribute for t">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/input.html
----------------------------------------------------------------------
diff --git a/references/components/input.html b/references/components/input.html
index 8ef66eb..1927a77 100644
--- a/references/components/input.html
+++ b/references/components/input.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/list.html
----------------------------------------------------------------------
diff --git a/references/components/list.html b/references/components/list.html
index 02368f2..ea8646c 100644
--- a/references/components/list.html
+++ b/references/components/list.html
@@ -51,19 +51,19 @@ It can provide excellent experience an">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ It can provide excellent experience an">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ It can provide excellent experience an">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ It can provide excellent experience an">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ It can provide excellent experience an">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/references/components/refresh.html b/references/components/refresh.html
index 896a9cf..ceb75d0 100644
--- a/references/components/refresh.html
+++ b/references/components/refresh.html
@@ -51,19 +51,19 @@ Child ComponentsAny other compon">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Child ComponentsAny other compon">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Child ComponentsAny other compon">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Child ComponentsAny other compon">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Child ComponentsAny other compon">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/references/components/scroller.html b/references/components/scroller.html
index b5c51f1..1504523 100644
--- a/references/components/scroller.html
+++ b/references/components/scroller.html
@@ -48,19 +48,19 @@ A scroller is a component in vertical direction which can have multiple child co
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ A scroller is a component in vertical direction which can have multiple child co
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ A scroller is a component in vertical direction which can have multiple child co
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ A scroller is a component in vertical direction which can have multiple child co
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ A scroller is a component in vertical direction which can have multiple child co
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/slider.html
----------------------------------------------------------------------
diff --git a/references/components/slider.html b/references/components/slider.html
index d5cac3e..c829eba 100644
--- a/references/components/slider.html
+++ b/references/components/slider.html
@@ -48,19 +48,19 @@ Child ComponentsIt supports all kinds of weex compo">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsIt supports all kinds of weex compo">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Child ComponentsIt supports all kinds of weex compo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Child ComponentsIt supports all kinds of weex compo">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Child ComponentsIt supports all kinds of weex compo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/switch.html
----------------------------------------------------------------------
diff --git a/references/components/switch.html b/references/components/switch.html
index 3fbadb1..45d56bc 100644
--- a/references/components/switch.html
+++ b/references/components/switch.html
@@ -51,19 +51,19 @@ Child C">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Child C">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Child C">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Child C">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Child C">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/text.html
----------------------------------------------------------------------
diff --git a/references/components/text.html b/references/components/text.html
index d118385..8d405bb 100644
--- a/references/components/text.html
+++ b/references/components/text.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/references/components/textarea.html b/references/components/textarea.html
index c62f859..a407314 100644
--- a/references/components/textarea.html
+++ b/references/components/textarea.html
@@ -51,19 +51,19 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/video.html
----------------------------------------------------------------------
diff --git a/references/components/video.html b/references/components/video.html
index e5eda24..1fe1ff9 100644
--- a/references/components/video.html
+++ b/references/components/video.html
@@ -63,19 +63,19 @@ src: &amp;lt;string&amp;gt; The URL of">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ src: &amp;lt;string&amp;gt; The URL of">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -688,12 +689,12 @@ src: &amp;lt;string&amp;gt; The URL of">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ src: &amp;lt;string&amp;gt; The URL of">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1275,12 +1277,12 @@ src: &amp;lt;string&amp;gt; The URL of">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/components/web.html
----------------------------------------------------------------------
diff --git a/references/components/web.html b/references/components/web.html
index 36b929e..55690d1 100644
--- a/references/components/web.html
+++ b/references/components/web.html
@@ -48,19 +48,19 @@ Use web component to display any web content in the weex page. The srcattribute
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Use web component to display any web content in the weex page. The srcattribute
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ Use web component to display any web content in the weex page. The srcattribute
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ Use web component to display any web content in the weex page. The srcattribute
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ Use web component to display any web content in the weex page. The srcattribute
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/gesture.html
----------------------------------------------------------------------
diff --git a/references/gesture.html b/references/gesture.html
index 68ab9e9..a8e8be6 100644
--- a/references/gesture.html
+++ b/references/gesture.html
@@ -57,19 +57,19 @@ Typ">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Typ">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -682,12 +683,12 @@ Typ">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -714,6 +715,7 @@ Typ">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1269,12 +1271,12 @@ Typ">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/references/html5-apis.html b/references/html5-apis.html
index bc88755..aebe707 100644
--- a/references/html5-apis.html
+++ b/references/html5-apis.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/index.html
----------------------------------------------------------------------
diff --git a/references/index.html b/references/index.html
index e07b484..c2f60bb 100644
--- a/references/index.html
+++ b/references/index.html
@@ -69,19 +69,19 @@ path">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ path">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -694,12 +695,12 @@ path">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -726,6 +727,7 @@ path">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1281,12 +1283,12 @@ path">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/references/ios-apis.html b/references/ios-apis.html
index c3dad74..772e754 100644
--- a/references/ios-apis.html
+++ b/references/ios-apis.html
@@ -51,19 +51,19 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/references/js-service/index.html b/references/js-service/index.html
index 8498b3d..ba9a62e 100644
--- a/references/js-service/index.html
+++ b/references/js-service/index.html
@@ -51,19 +51,19 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/references/jsfm-apis.html b/references/jsfm-apis.html
index 1359eaf..d2cde4c 100644
--- a/references/jsfm-apis.html
+++ b/references/jsfm-apis.html
@@ -63,19 +63,19 @@ postMessage(mess">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ postMessage(mess">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -688,12 +689,12 @@ postMessage(mess">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -720,6 +721,7 @@ postMessage(mess">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1275,12 +1277,12 @@ postMessage(mess">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/references/migration/difference.html b/references/migration/difference.html
index 71f0d77..91585ec 100644
--- a/references/migration/difference.html
+++ b/references/migration/difference.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/migration/index.html
----------------------------------------------------------------------
diff --git a/references/migration/index.html b/references/migration/index.html
index 7f10eda..60ce473 100644
--- a/references/migration/index.html
+++ b/references/migration/index.html
@@ -51,19 +51,19 @@ The difference between Weex and Vue">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ The difference between Weex and Vue">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ The difference between Weex and Vue">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link current ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link current ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ The difference between Weex and Vue">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ The difference between Weex and Vue">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link current ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link current ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/references/migration/migration-from-weex.html b/references/migration/migration-from-weex.html
index f31eea5..ae5a1e3 100644
--- a/references/migration/migration-from-weex.html
+++ b/references/migration/migration-from-weex.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/references/modules/animation.html b/references/modules/animation.html
index c5a346d..bb66069 100644
--- a/references/modules/animation.html
+++ b/references/modules/animation.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/references/modules/clipboard.html b/references/modules/clipboard.html
index 6369132..3340ee4 100644
--- a/references/modules/clipboard.html
+++ b/references/modules/clipboard.html
@@ -51,19 +51,19 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -676,12 +677,12 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -708,6 +709,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1263,12 +1265,12 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/references/modules/dom.html b/references/modules/dom.html
index fdd36a0..6eb4e76 100644
--- a/references/modules/dom.html
+++ b/references/modules/dom.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -670,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -702,6 +703,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1257,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/references/modules/globalevent.html b/references/modules/globalevent.html
index 6ef4647..298d658 100644
--- a/references/modules/globalevent.html
+++ b/references/modules/globalevent.html
@@ -48,19 +48,19 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -673,12 +674,12 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>
@@ -705,6 +706,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1260,12 +1262,12 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
+        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
+                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
               </li>
             
               <li>


[02/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/input.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/input.html b/v-0.10/references/components/input.html
index fb5d73a..070b75b 100644
--- a/v-0.10/references/components/input.html
+++ b/v-0.10/references/components/input.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/list.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/list.html b/v-0.10/references/components/list.html
index 36e8037..22e527f 100644
--- a/v-0.10/references/components/list.html
+++ b/v-0.10/references/components/list.html
@@ -51,19 +51,19 @@ It can provide excellent experience an">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ It can provide excellent experience an">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ It can provide excellent experience an">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/refresh-loading.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/refresh-loading.html b/v-0.10/references/components/refresh-loading.html
index dcebf56..27762b8 100644
--- a/v-0.10/references/components/refresh-loading.html
+++ b/v-0.10/references/components/refresh-loading.html
@@ -54,19 +54,19 @@ example
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ example
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -407,11 +408,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -484,11 +485,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -556,6 +557,7 @@ example
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -839,11 +841,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -916,11 +918,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/scroller.html b/v-0.10/references/components/scroller.html
index c1538f7..1d08020 100644
--- a/v-0.10/references/components/scroller.html
+++ b/v-0.10/references/components/scroller.html
@@ -48,19 +48,19 @@ A scroller is a component in vertical direction which can have multiple child co
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ A scroller is a component in vertical direction which can have multiple child co
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ A scroller is a component in vertical direction which can have multiple child co
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/slider.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/slider.html b/v-0.10/references/components/slider.html
index 41f1b48..7b3496a 100644
--- a/v-0.10/references/components/slider.html
+++ b/v-0.10/references/components/slider.html
@@ -48,19 +48,19 @@ Child ComponentsIt supports all kinds of weex compo">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Child ComponentsIt supports all kinds of weex compo">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ Child ComponentsIt supports all kinds of weex compo">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/switch.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/switch.html b/v-0.10/references/components/switch.html
index 878bd93..0b7b9be 100644
--- a/v-0.10/references/components/switch.html
+++ b/v-0.10/references/components/switch.html
@@ -51,19 +51,19 @@ example">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ example">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ example">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/text.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/text.html b/v-0.10/references/components/text.html
index b3f6955..8d9e92d 100644
--- a/v-0.10/references/components/text.html
+++ b/v-0.10/references/components/text.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/textarea.html b/v-0.10/references/components/textarea.html
index 9ae320b..b865c6f 100644
--- a/v-0.10/references/components/textarea.html
+++ b/v-0.10/references/components/textarea.html
@@ -51,19 +51,19 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/video.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/video.html b/v-0.10/references/components/video.html
index a4da325..14b12e6 100644
--- a/v-0.10/references/components/video.html
+++ b/v-0.10/references/components/video.html
@@ -54,19 +54,19 @@ example
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ example
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -407,11 +408,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -484,11 +485,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -556,6 +557,7 @@ example
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -839,11 +841,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -916,11 +918,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/web.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/web.html b/v-0.10/references/components/web.html
index e7d028f..063087a 100644
--- a/v-0.10/references/components/web.html
+++ b/v-0.10/references/components/web.html
@@ -48,19 +48,19 @@ Use web component to display any web content in the weex page. The srcattribute
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Use web component to display any web content in the weex page. The srcattribute
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ Use web component to display any web content in the weex page. The srcattribute
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/wxc-navpage.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/wxc-navpage.html b/v-0.10/references/components/wxc-navpage.html
index 73d81b4..2146197 100644
--- a/v-0.10/references/components/wxc-navpage.html
+++ b/v-0.10/references/components/wxc-navpage.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/components/wxc-tabbar.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/components/wxc-tabbar.html b/v-0.10/references/components/wxc-tabbar.html
index 11ffc8d..3d06137 100644
--- a/v-0.10/references/components/wxc-tabbar.html
+++ b/v-0.10/references/components/wxc-tabbar.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/gesture.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/gesture.html b/v-0.10/references/gesture.html
index da58809..cf0b5d6 100644
--- a/v-0.10/references/gesture.html
+++ b/v-0.10/references/gesture.html
@@ -57,19 +57,19 @@ Typ">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Typ">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -410,11 +411,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -487,11 +488,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -559,6 +560,7 @@ Typ">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -842,11 +844,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -919,11 +921,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/index.html b/v-0.10/references/index.html
index 432bbe2..c8fd64f 100644
--- a/v-0.10/references/index.html
+++ b/v-0.10/references/index.html
@@ -51,19 +51,19 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/animation.html b/v-0.10/references/modules/animation.html
index 0e442a9..7d9ff2f 100644
--- a/v-0.10/references/modules/animation.html
+++ b/v-0.10/references/modules/animation.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link current ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link current ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link current ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link current ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/clipboard.html b/v-0.10/references/modules/clipboard.html
index 84e04f2..76173c8 100644
--- a/v-0.10/references/modules/clipboard.html
+++ b/v-0.10/references/modules/clipboard.html
@@ -51,19 +51,19 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -404,11 +405,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -481,11 +482,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -553,6 +554,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -836,11 +838,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -913,11 +915,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/dom.html b/v-0.10/references/modules/dom.html
index fb06927..2068686 100644
--- a/v-0.10/references/modules/dom.html
+++ b/v-0.10/references/modules/dom.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -398,11 +399,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -475,11 +476,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -547,6 +548,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -830,11 +832,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -907,11 +909,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/globalevent.html b/v-0.10/references/modules/globalevent.html
index 6ac1f0b..7e61868 100644
--- a/v-0.10/references/modules/globalevent.html
+++ b/v-0.10/references/modules/globalevent.html
@@ -48,19 +48,19 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link current ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/v-0.10/references/modules/index.html
----------------------------------------------------------------------
diff --git a/v-0.10/references/modules/index.html b/v-0.10/references/modules/index.html
index c3f7183..30f4809 100644
--- a/v-0.10/references/modules/index.html
+++ b/v-0.10/references/modules/index.html
@@ -48,19 +48,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -401,11 +402,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -478,11 +479,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
@@ -550,6 +551,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -833,11 +835,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -910,11 +912,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/v-0.10/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>


[11/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/extend-to-ios.html b/cn/v-0.10/advanced/extend-to-ios.html
index 9ea9644..1768ee1 100644
--- a/cn/v-0.10/advanced/extend-to-ios.html
+++ b/cn/v-0.10/advanced/extend-to-ios.html
@@ -63,19 +63,19 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -154,21 +155,20 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -184,6 +184,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/how-data-binding-works.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/how-data-binding-works.html b/cn/v-0.10/advanced/how-data-binding-works.html
index a7f1b8c..b277f76 100644
--- a/cn/v-0.10/advanced/how-data-binding-works.html
+++ b/cn/v-0.10/advanced/how-data-binding-works.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -142,21 +143,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -172,6 +172,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/index.html b/cn/v-0.10/advanced/index.html
index 4fbfa7f..4ef66df 100644
--- a/cn/v-0.10/advanced/index.html
+++ b/cn/v-0.10/advanced/index.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -139,21 +140,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -169,6 +169,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/integrate-devtools-to-android.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/integrate-devtools-to-android.html b/cn/v-0.10/advanced/integrate-devtools-to-android.html
index 40a9aee..6103267 100644
--- a/cn/v-0.10/advanced/integrate-devtools-to-android.html
+++ b/cn/v-0.10/advanced/integrate-devtools-to-android.html
@@ -52,19 +52,19 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -113,6 +113,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -143,21 +144,20 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -173,6 +173,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/integrate-devtools-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/integrate-devtools-to-ios.html b/cn/v-0.10/advanced/integrate-devtools-to-ios.html
index 048d4b4..99146f2 100644
--- a/cn/v-0.10/advanced/integrate-devtools-to-ios.html
+++ b/cn/v-0.10/advanced/integrate-devtools-to-ios.html
@@ -60,19 +60,19 @@ source https://github.com/C">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ source https://github.com/C">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -151,21 +152,20 @@ source https://github.com/C">
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -181,6 +181,7 @@ source https://github.com/C">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/integrate-to-android.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/integrate-to-android.html b/cn/v-0.10/advanced/integrate-to-android.html
index 33bd19e..ae2a703 100644
--- a/cn/v-0.10/advanced/integrate-to-android.html
+++ b/cn/v-0.10/advanced/integrate-to-android.html
@@ -66,19 +66,19 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -157,21 +158,20 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -187,6 +187,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/integrate-to-html5.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/integrate-to-html5.html b/cn/v-0.10/advanced/integrate-to-html5.html
index 88066bd..235adab 100644
--- a/cn/v-0.10/advanced/integrate-to-html5.html
+++ b/cn/v-0.10/advanced/integrate-to-html5.html
@@ -45,19 +45,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/advanced/integrate-to-ios.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/advanced/integrate-to-ios.html b/cn/v-0.10/advanced/integrate-to-ios.html
index 80446c1..300c4ae 100644
--- a/cn/v-0.10/advanced/integrate-to-ios.html
+++ b/cn/v-0.10/advanced/integrate-to-ios.html
@@ -57,19 +57,19 @@ git clone https://github.">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ git clone https://github.">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -148,21 +149,20 @@ git clone https://github.">
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -178,6 +178,7 @@ git clone https://github.">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/blog/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/blog/index.html b/cn/v-0.10/blog/index.html
index 8f63e0f..4eae3cb 100644
--- a/cn/v-0.10/blog/index.html
+++ b/cn/v-0.10/blog/index.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="blog-wrapper wrapper">
   <div class="archives">
   

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/develop-on-your-local-machine.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/develop-on-your-local-machine.html b/cn/v-0.10/guide/develop-on-your-local-machine.html
index a0dbc8c..d7e7541 100644
--- a/cn/v-0.10/guide/develop-on-your-local-machine.html
+++ b/cn/v-0.10/guide/develop-on-your-local-machine.html
@@ -57,19 +57,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -308,6 +309,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/how-to/debug-with-html5.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/how-to/debug-with-html5.html b/cn/v-0.10/guide/how-to/debug-with-html5.html
index 8a4a5a2..b0c4d6b 100644
--- a/cn/v-0.10/guide/how-to/debug-with-html5.html
+++ b/cn/v-0.10/guide/how-to/debug-with-html5.html
@@ -53,19 +53,19 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -114,6 +114,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -304,6 +305,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/how-to/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/how-to/index.html b/cn/v-0.10/guide/how-to/index.html
index 91a730f..d6c4ba9 100644
--- a/cn/v-0.10/guide/how-to/index.html
+++ b/cn/v-0.10/guide/how-to/index.html
@@ -60,19 +60,19 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -311,6 +312,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/how-to/require-3rd-party-libs.html b/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
index 974d31a..b727da0 100644
--- a/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
+++ b/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -299,6 +300,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html b/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
index dff62e1..d76b234 100644
--- a/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
+++ b/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/index.html b/cn/v-0.10/guide/index.html
index 47f5446..4708559 100644
--- a/cn/v-0.10/guide/index.html
+++ b/cn/v-0.10/guide/index.html
@@ -50,19 +50,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -111,6 +111,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -301,6 +302,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/comm.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/comm.html b/cn/v-0.10/guide/syntax/comm.html
index b4c44ea..9a43afb 100644
--- a/cn/v-0.10/guide/syntax/comm.html
+++ b/cn/v-0.10/guide/syntax/comm.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/composed-component.html b/cn/v-0.10/guide/syntax/composed-component.html
index e398db5..365e110 100644
--- a/cn/v-0.10/guide/syntax/composed-component.html
+++ b/cn/v-0.10/guide/syntax/composed-component.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -299,6 +300,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/config-n-data.html b/cn/v-0.10/guide/syntax/config-n-data.html
index 5f67e54..8f38fa9 100644
--- a/cn/v-0.10/guide/syntax/config-n-data.html
+++ b/cn/v-0.10/guide/syntax/config-n-data.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -305,6 +306,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/data-binding.html b/cn/v-0.10/guide/syntax/data-binding.html
index 7fa897f..656dc55 100644
--- a/cn/v-0.10/guide/syntax/data-binding.html
+++ b/cn/v-0.10/guide/syntax/data-binding.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -299,6 +300,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/display-logic.html b/cn/v-0.10/guide/syntax/display-logic.html
index 912b9a6..acafa82 100644
--- a/cn/v-0.10/guide/syntax/display-logic.html
+++ b/cn/v-0.10/guide/syntax/display-logic.html
@@ -51,19 +51,19 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/events.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/events.html b/cn/v-0.10/guide/syntax/events.html
index d7bba4e..9446fb0 100644
--- a/cn/v-0.10/guide/syntax/events.html
+++ b/cn/v-0.10/guide/syntax/events.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/id.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/id.html b/cn/v-0.10/guide/syntax/id.html
index d2cb491..9077923 100644
--- a/cn/v-0.10/guide/syntax/id.html
+++ b/cn/v-0.10/guide/syntax/id.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/index.html b/cn/v-0.10/guide/syntax/index.html
index b449519..c54d2f7 100644
--- a/cn/v-0.10/guide/syntax/index.html
+++ b/cn/v-0.10/guide/syntax/index.html
@@ -57,19 +57,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -308,6 +309,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/render-logic.html b/cn/v-0.10/guide/syntax/render-logic.html
index f7c9aa0..5334621 100644
--- a/cn/v-0.10/guide/syntax/render-logic.html
+++ b/cn/v-0.10/guide/syntax/render-logic.html
@@ -60,19 +60,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -311,6 +312,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/guide/syntax/style-n-class.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/guide/syntax/style-n-class.html b/cn/v-0.10/guide/syntax/style-n-class.html
index d13fc90..91a7e56 100644
--- a/cn/v-0.10/guide/syntax/style-n-class.html
+++ b/cn/v-0.10/guide/syntax/style-n-class.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -302,6 +303,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/index.html b/cn/v-0.10/index.html
index 6483a98..c093096 100644
--- a/cn/v-0.10/index.html
+++ b/cn/v-0.10/index.html
@@ -42,19 +42,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="index-sidebar">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>\u4e0b\u8f7d</p>
+            <p>\u5de5\u5177\u548c\u670d\u52a1</p>
             <ul class="subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <script>
   ;(function(){
     var currentOrigin = location.origin || 'https://weex-project.io',

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/api.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/api.html b/cn/v-0.10/references/api.html
index a52fa36..3da46f6 100644
--- a/cn/v-0.10/references/api.html
+++ b/cn/v-0.10/references/api.html
@@ -54,19 +54,19 @@ $(id)\u4e0d\u5efa">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ $(id)\u4e0d\u5efa">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@ $(id)\u4e0d\u5efa">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@ $(id)\u4e0d\u5efa">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@ $(id)\u4e0d\u5efa">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/cheatsheet.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/cheatsheet.html b/cn/v-0.10/references/cheatsheet.html
index c092026..17087d8 100644
--- a/cn/v-0.10/references/cheatsheet.html
+++ b/cn/v-0.10/references/cheatsheet.html
@@ -132,19 +132,19 @@ box m">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -193,6 +193,7 @@ box m">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -535,11 +536,11 @@ box m">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -658,6 +659,7 @@ box m">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -991,11 +993,11 @@ box m">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/color-names.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/color-names.html b/cn/v-0.10/references/color-names.html
index c767866..64e24a8 100644
--- a/cn/v-0.10/references/color-names.html
+++ b/cn/v-0.10/references/color-names.html
@@ -168,19 +168,19 @@ g">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -229,6 +229,7 @@ g">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -571,11 +572,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -694,6 +695,7 @@ g">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -1027,11 +1029,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/common-attrs.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/common-attrs.html b/cn/v-0.10/references/common-attrs.html
index cdae050..1e96d3c 100644
--- a/cn/v-0.10/references/common-attrs.html
+++ b/cn/v-0.10/references/common-attrs.html
@@ -51,19 +51,19 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/common-event.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/common-event.html b/cn/v-0.10/references/common-event.html
index 409f493..c5995f4 100644
--- a/cn/v-0.10/references/common-event.html
+++ b/cn/v-0.10/references/common-event.html
@@ -63,19 +63,19 @@ targe">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ targe">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ targe">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/common-style.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/common-style.html b/cn/v-0.10/references/common-style.html
index 739410c..dc1a0c2 100644
--- a/cn/v-0.10/references/common-style.html
+++ b/cn/v-0.10/references/common-style.html
@@ -60,19 +60,19 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -463,11 +464,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -586,6 +587,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -919,11 +921,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/component-defs.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/component-defs.html b/cn/v-0.10/references/component-defs.html
index 20bc240..03626a8 100644
--- a/cn/v-0.10/references/component-defs.html
+++ b/cn/v-0.10/references/component-defs.html
@@ -51,19 +51,19 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/a.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/a.html b/cn/v-0.10/references/components/a.html
index b038c67..92d0ebe 100644
--- a/cn/v-0.10/references/components/a.html
+++ b/cn/v-0.10/references/components/a.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/cell.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/cell.html b/cn/v-0.10/references/components/cell.html
index bd97fb4..074664e 100644
--- a/cn/v-0.10/references/components/cell.html
+++ b/cn/v-0.10/references/components/cell.html
@@ -56,19 +56,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -117,6 +117,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -459,11 +460,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -582,6 +583,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -915,11 +917,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>



[07/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/download.html
----------------------------------------------------------------------
diff --git a/download.html b/download.html
index a436236..9df1221 100644
--- a/download.html
+++ b/download.html
@@ -42,19 +42,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -103,6 +103,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -133,21 +134,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -163,6 +163,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <script src="/js/mobile-detect.js"></script>
 <script>
   function parseWeexVersion(data){

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/en/hello-world/index.html
----------------------------------------------------------------------
diff --git a/en/hello-world/index.html b/en/hello-world/index.html
index bc3e663..c9b513d 100644
--- a/en/hello-world/index.html
+++ b/en/hello-world/index.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper article-wrapper post-layout">
   
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/a.html
----------------------------------------------------------------------
diff --git a/examples/a.html b/examples/a.html
index eb658bf..e232a7b 100644
--- a/examples/a.html
+++ b/examples/a.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>a</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/animation.html
----------------------------------------------------------------------
diff --git a/examples/animation.html b/examples/animation.html
index 90b9e9c..d42a8ef 100644
--- a/examples/animation.html
+++ b/examples/animation.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>animation</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/clipboard.html
----------------------------------------------------------------------
diff --git a/examples/clipboard.html b/examples/clipboard.html
index c5df0ba..da6442a 100644
--- a/examples/clipboard.html
+++ b/examples/clipboard.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>clipboard</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/div.html
----------------------------------------------------------------------
diff --git a/examples/div.html b/examples/div.html
index afb08ab..53ee58d 100644
--- a/examples/div.html
+++ b/examples/div.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>div</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/dom-rect.html
----------------------------------------------------------------------
diff --git a/examples/dom-rect.html b/examples/dom-rect.html
index d870ad8..6d945ab 100644
--- a/examples/dom-rect.html
+++ b/examples/dom-rect.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>dom-rect</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/dom-scroll.html
----------------------------------------------------------------------
diff --git a/examples/dom-scroll.html b/examples/dom-scroll.html
index e58fa4b..eeda607 100644
--- a/examples/dom-scroll.html
+++ b/examples/dom-scroll.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>dom-scroll</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/image.html
----------------------------------------------------------------------
diff --git a/examples/image.html b/examples/image.html
index 73ca491..a40d220 100644
--- a/examples/image.html
+++ b/examples/image.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>image</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/indicator.html
----------------------------------------------------------------------
diff --git a/examples/indicator.html b/examples/indicator.html
index cef42dc..11bf9bd 100644
--- a/examples/indicator.html
+++ b/examples/indicator.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>indicator</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/input.html
----------------------------------------------------------------------
diff --git a/examples/input.html b/examples/input.html
index b8aee21..c7958bd 100644
--- a/examples/input.html
+++ b/examples/input.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>input</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/list.html
----------------------------------------------------------------------
diff --git a/examples/list.html b/examples/list.html
index a5409ab..8a65843 100644
--- a/examples/list.html
+++ b/examples/list.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>list</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/modal.html
----------------------------------------------------------------------
diff --git a/examples/modal.html b/examples/modal.html
index 23b5936..662b2dc 100644
--- a/examples/modal.html
+++ b/examples/modal.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>modal</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/navigator.html
----------------------------------------------------------------------
diff --git a/examples/navigator.html b/examples/navigator.html
index 0acd318..24d4d4f 100644
--- a/examples/navigator.html
+++ b/examples/navigator.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>navigator</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/refresh.html
----------------------------------------------------------------------
diff --git a/examples/refresh.html b/examples/refresh.html
index aac93bd..835dbab 100644
--- a/examples/refresh.html
+++ b/examples/refresh.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>refresh</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/scroller.html
----------------------------------------------------------------------
diff --git a/examples/scroller.html b/examples/scroller.html
index a92f551..f6e41b5 100644
--- a/examples/scroller.html
+++ b/examples/scroller.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>scroller</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/slider.html
----------------------------------------------------------------------
diff --git a/examples/slider.html b/examples/slider.html
index c8746d6..e88a97d 100644
--- a/examples/slider.html
+++ b/examples/slider.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>slider</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/storage.html
----------------------------------------------------------------------
diff --git a/examples/storage.html b/examples/storage.html
index 5cba875..be41cef 100644
--- a/examples/storage.html
+++ b/examples/storage.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>storage</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/stream.html
----------------------------------------------------------------------
diff --git a/examples/stream.html b/examples/stream.html
index 01ba0d9..5a12415 100644
--- a/examples/stream.html
+++ b/examples/stream.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>stream</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/switch.html
----------------------------------------------------------------------
diff --git a/examples/switch.html b/examples/switch.html
index 725cbb4..c3aa477 100644
--- a/examples/switch.html
+++ b/examples/switch.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>switch</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/text.html
----------------------------------------------------------------------
diff --git a/examples/text.html b/examples/text.html
index f89e362..78a7216 100644
--- a/examples/text.html
+++ b/examples/text.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>text</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/textarea.html
----------------------------------------------------------------------
diff --git a/examples/textarea.html b/examples/textarea.html
index ae11b4c..032dccb 100644
--- a/examples/textarea.html
+++ b/examples/textarea.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>textarea</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/video.html
----------------------------------------------------------------------
diff --git a/examples/video.html b/examples/video.html
index d6f8e78..f788f03 100644
--- a/examples/video.html
+++ b/examples/video.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>video</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/examples/web.html
----------------------------------------------------------------------
diff --git a/examples/web.html b/examples/web.html
index dbf4382..b660fd2 100644
--- a/examples/web.html
+++ b/examples/web.html
@@ -45,19 +45,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -106,6 +106,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -136,21 +137,20 @@
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -166,6 +166,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="example-wrapper clearfix">
   <div class="horizontal">
     <h2>web</h2>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/faq.html
----------------------------------------------------------------------
diff --git a/faq.html b/faq.html
index ac8b84a..94bc04e 100644
--- a/faq.html
+++ b/faq.html
@@ -66,19 +66,19 @@ Gradle errors in Android StudioDownloadi">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ Gradle errors in Android StudioDownloadi">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -157,21 +158,20 @@ Gradle errors in Android StudioDownloadi">
           </a>
         </li>
         <li>
-            <p>Download</p>
+            <p>Services &amp; Tools</p>
             <ul class="subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
                 <a href="http://dotwe.org" target="_blank">Snippets</a>
               </li>
-              </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
               </li>
@@ -187,6 +187,7 @@ Gradle errors in Android StudioDownloadi">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="wrapper article-wrapper post-layout">
   
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/contributing.html
----------------------------------------------------------------------
diff --git a/guide/contributing.html b/guide/contributing.html
index 9ab0cfd..624c8f0 100644
--- a/guide/contributing.html
+++ b/guide/contributing.html
@@ -48,19 +48,19 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,15 +209,17 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -287,6 +290,7 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,15 +381,17 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/index.html
----------------------------------------------------------------------
diff --git a/guide/index.html b/guide/index.html
index 5678b4b..87846c9 100644
--- a/guide/index.html
+++ b/guide/index.html
@@ -47,19 +47,19 @@
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -108,6 +108,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -207,15 +208,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link current ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -286,6 +289,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -376,15 +380,17 @@
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link current ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/guide/integrate-to-your-app.html b/guide/integrate-to-your-app.html
index 07358e7..0333f72 100644
--- a/guide/integrate-to-your-app.html
+++ b/guide/integrate-to-your-app.html
@@ -13,7 +13,7 @@ Android has tow ways to integrate weex1.using source cod">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Integrate to Your AppIntegrate to AndroidTip\uff1aThe following documents assume that you already have a certain Android development experience.    
 Android has tow ways to integrate weex1.using source cod">
-<meta property="og:updated_time" content="2017-03-08T06:01:31.000Z">
+<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate to Your App">
 <meta name="twitter:description" content="Integrate to Your AppIntegrate to AndroidTip\uff1aThe following documents assume that you already have a certain Android development experience.    
@@ -48,19 +48,19 @@ Android has tow ways to integrate weex1.using source cod">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Android has tow ways to integrate weex1.using source cod">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,15 +209,17 @@ Android has tow ways to integrate weex1.using source cod">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link current ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link current ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -287,6 +290,7 @@ Android has tow ways to integrate weex1.using source cod">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,15 +381,17 @@ Android has tow ways to integrate weex1.using source cod">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link current ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link current ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -465,7 +471,7 @@ Android has tow ways to integrate weex1.using source cod">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-08T06:01:31.000Z">Updated time: 08/03/2017</time>
+  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
 </header>
     <h1 id="Integrate-to-Your-App"><a href="#Integrate-to-Your-App" class="headerlink" title="Integrate to Your App"></a>Integrate to Your App</h1><h2 id="Integrate-to-Android"><a href="#Integrate-to-Android" class="headerlink" title="Integrate to Android"></a>Integrate to Android</h2><p>Tip\uff1aThe following documents assume that you already have a certain Android development experience.    </p>
 <h3 id="Android-has-tow-ways-to-integrate-weex"><a href="#Android-has-tow-ways-to-integrate-weex" class="headerlink" title="Android has tow ways to integrate weex"></a>Android has tow ways to integrate weex</h3><p>1.using source code: Can quickly use the latest features of WEEX, according to your own characteristics of the project. So, you can do some related improvements.</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/guide/intro/app-architecture.html b/guide/intro/app-architecture.html
index 5ad9aad..94b1fa5 100644
--- a/guide/intro/app-architecture.html
+++ b/guide/intro/app-architecture.html
@@ -48,19 +48,19 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -208,15 +209,17 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -287,6 +290,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -377,15 +381,17 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/guide/intro/how-it-works.html b/guide/intro/how-it-works.html
index c9db316..b1322ff 100644
--- a/guide/intro/how-it-works.html
+++ b/guide/intro/how-it-works.html
@@ -50,19 +50,19 @@ Dev">
         <li><a href="/references">References</a></li>
         <li><a href="/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">Download</a>
+            <a href="javascript:;">Services &amp; Tools</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -111,6 +111,7 @@ Dev">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -210,15 +211,17 @@ Dev">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     
@@ -289,6 +292,7 @@ Dev">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -379,15 +383,17 @@ Dev">
       <li>
         <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
         
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a></h3>
-        
-      </li>
-    
-      <li>
-        <h3 class="chapter-title"><a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a></h3>
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
         
       </li>
     



[10/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/div.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/div.html b/cn/v-0.10/references/components/div.html
index 27fd687..7397dfb 100644
--- a/cn/v-0.10/references/components/div.html
+++ b/cn/v-0.10/references/components/div.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/image.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/image.html b/cn/v-0.10/references/components/image.html
index 86c436a..ac708fb 100644
--- a/cn/v-0.10/references/components/image.html
+++ b/cn/v-0.10/references/components/image.html
@@ -57,19 +57,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -460,11 +461,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -583,6 +584,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -916,11 +918,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/index.html b/cn/v-0.10/references/components/index.html
index c284bca..0d8b882 100644
--- a/cn/v-0.10/references/components/index.html
+++ b/cn/v-0.10/references/components/index.html
@@ -84,19 +84,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -145,6 +145,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -487,11 +488,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -610,6 +611,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -943,11 +945,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/indicator.html b/cn/v-0.10/references/components/indicator.html
index 9da5230..19f0e01 100644
--- a/cn/v-0.10/references/components/indicator.html
+++ b/cn/v-0.10/references/components/indicator.html
@@ -57,19 +57,19 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -460,11 +461,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -583,6 +584,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -916,11 +918,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/input.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/input.html b/cn/v-0.10/references/components/input.html
index d62658a..9caeffe 100644
--- a/cn/v-0.10/references/components/input.html
+++ b/cn/v-0.10/references/components/input.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/list.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/list.html b/cn/v-0.10/references/components/list.html
index cb3048c..8013e97 100644
--- a/cn/v-0.10/references/components/list.html
+++ b/cn/v-0.10/references/components/list.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/loading.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/loading.html b/cn/v-0.10/references/components/loading.html
index 7946f4b..8e8de8f 100644
--- a/cn/v-0.10/references/components/loading.html
+++ b/cn/v-0.10/references/components/loading.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/refresh.html b/cn/v-0.10/references/components/refresh.html
index 6dda92f..9467248 100644
--- a/cn/v-0.10/references/components/refresh.html
+++ b/cn/v-0.10/references/components/refresh.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/scroller.html b/cn/v-0.10/references/components/scroller.html
index b8ffed3..378d0bb 100644
--- a/cn/v-0.10/references/components/scroller.html
+++ b/cn/v-0.10/references/components/scroller.html
@@ -60,19 +60,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -463,11 +464,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -586,6 +587,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -919,11 +921,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/slider.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/slider.html b/cn/v-0.10/references/components/slider.html
index c39eeb4..4549c61 100644
--- a/cn/v-0.10/references/components/slider.html
+++ b/cn/v-0.10/references/components/slider.html
@@ -63,19 +63,19 @@ auto-play {boolean}\uff1a\u53ef\u9009">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/switch.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/switch.html b/cn/v-0.10/references/components/switch.html
index 8658c0b..5470158 100644
--- a/cn/v-0.10/references/components/switch.html
+++ b/cn/v-0.10/references/components/switch.html
@@ -60,19 +60,19 @@ disab">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ disab">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -463,11 +464,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -586,6 +587,7 @@ disab">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -919,11 +921,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/text.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/text.html b/cn/v-0.10/references/components/text.html
index ba4135e..1d3edb5 100644
--- a/cn/v-0.10/references/components/text.html
+++ b/cn/v-0.10/references/components/text.html
@@ -63,19 +63,19 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/textarea.html b/cn/v-0.10/references/components/textarea.html
index 9d217f4..b86b169 100644
--- a/cn/v-0.10/references/components/textarea.html
+++ b/cn/v-0.10/references/components/textarea.html
@@ -63,19 +63,19 @@ placehold">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ placehold">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ placehold">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/video.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/video.html b/cn/v-0.10/references/components/video.html
index 2a3d139..07890f1 100644
--- a/cn/v-0.10/references/components/video.html
+++ b/cn/v-0.10/references/components/video.html
@@ -69,19 +69,19 @@ auto-p">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -130,6 +130,7 @@ auto-p">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -472,11 +473,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -595,6 +596,7 @@ auto-p">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -928,11 +930,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/components/web.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/components/web.html b/cn/v-0.10/references/components/web.html
index 1204e1c..4066907 100644
--- a/cn/v-0.10/references/components/web.html
+++ b/cn/v-0.10/references/components/web.html
@@ -66,19 +66,19 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -469,11 +470,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -592,6 +593,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -925,11 +927,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/gesture.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/gesture.html b/cn/v-0.10/references/gesture.html
index 9cbbcef..9d54b30 100644
--- a/cn/v-0.10/references/gesture.html
+++ b/cn/v-0.10/references/gesture.html
@@ -57,19 +57,19 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -460,11 +461,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -583,6 +584,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -916,11 +918,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/index.html b/cn/v-0.10/references/index.html
index c049b47..a511764 100644
--- a/cn/v-0.10/references/index.html
+++ b/cn/v-0.10/references/index.html
@@ -60,19 +60,19 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -121,6 +121,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -463,11 +464,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -586,6 +587,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -919,11 +921,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/animation.html b/cn/v-0.10/references/modules/animation.html
index b27de25..520c70b 100644
--- a/cn/v-0.10/references/modules/animation.html
+++ b/cn/v-0.10/references/modules/animation.html
@@ -48,19 +48,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/clipboard.html b/cn/v-0.10/references/modules/clipboard.html
index 6eb58cf..fd0eda6 100644
--- a/cn/v-0.10/references/modules/clipboard.html
+++ b/cn/v-0.10/references/modules/clipboard.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/dom.html b/cn/v-0.10/references/modules/dom.html
index b465d51..e6a09ab 100644
--- a/cn/v-0.10/references/modules/dom.html
+++ b/cn/v-0.10/references/modules/dom.html
@@ -54,19 +54,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/globalevent.html b/cn/v-0.10/references/modules/globalevent.html
index be225a3..6ef77c6 100644
--- a/cn/v-0.10/references/modules/globalevent.html
+++ b/cn/v-0.10/references/modules/globalevent.html
@@ -63,19 +63,19 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -124,6 +124,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -466,11 +467,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -589,6 +590,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -922,11 +924,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/index.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/index.html b/cn/v-0.10/references/modules/index.html
index 3e34b1a..b842aef 100644
--- a/cn/v-0.10/references/modules/index.html
+++ b/cn/v-0.10/references/modules/index.html
@@ -48,19 +48,19 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -109,6 +109,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -451,11 +452,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -574,6 +575,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -907,11 +909,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/modal.html b/cn/v-0.10/references/modules/modal.html
index 9b33747..140a834 100644
--- a/cn/v-0.10/references/modules/modal.html
+++ b/cn/v-0.10/references/modules/modal.html
@@ -54,19 +54,19 @@ options {Objec">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -115,6 +115,7 @@ options {Objec">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -457,11 +458,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -580,6 +581,7 @@ options {Objec">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -913,11 +915,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/navigator.html b/cn/v-0.10/references/modules/navigator.html
index 92b5b39..e9940ee 100644
--- a/cn/v-0.10/references/modules/navigator.html
+++ b/cn/v-0.10/references/modules/navigator.html
@@ -51,19 +51,19 @@
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/storage.html b/cn/v-0.10/references/modules/storage.html
index 6283bf0..71c4abc 100644
--- a/cn/v-0.10/references/modules/storage.html
+++ b/cn/v-0.10/references/modules/storage.html
@@ -51,19 +51,19 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -112,6 +112,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -454,11 +455,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -577,6 +578,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -910,11 +912,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/stream.html b/cn/v-0.10/references/modules/stream.html
index 15e0456..0f105b5 100644
--- a/cn/v-0.10/references/modules/stream.html
+++ b/cn/v-0.10/references/modules/stream.html
@@ -66,19 +66,19 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -127,6 +127,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -469,11 +470,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -592,6 +593,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -925,11 +927,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/cn/v-0.10/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/cn/v-0.10/references/modules/webview.html b/cn/v-0.10/references/modules/webview.html
index 3ed7fbd..626783e 100644
--- a/cn/v-0.10/references/modules/webview.html
+++ b/cn/v-0.10/references/modules/webview.html
@@ -57,19 +57,19 @@ webElement">
         <li><a href="/cn/references">\u624b\u518c</a></li>
         <li><a href="/cn/faq.html">FAQ</a></li>
         <li class="dropdown">
-            <a href="javascript:;">\u4e0b\u8f7d</a>
+            <a href="javascript:;">\u5de5\u5177\u548c\u670d\u52a1</a>
             <ul class="dropdown-menu subnav">
               <li>
                 <a href="/cn/playground.html">Playground</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+                <a href="/cn/guide/tools/devtools.html">Devtools</a>
               </li>
               <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+                <a href="/cn/guide/tools/weexpack.html">Weexpack</a>
               </li>
               <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
               </li>
               <li>
                 <a href="https://market.weex-project.io/" target="_blank">Market</a>
@@ -118,6 +118,7 @@ webElement">
     <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
   </div>
 </header>
+
   <div id="sidebar" class="">
   <div class="sidebar-menu">
     
@@ -460,11 +461,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
@@ -583,6 +584,7 @@ webElement">
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
+
   <div class="article-wrapper page-layout">
   <div class="doc-nav">
     
@@ -916,11 +918,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>



[08/16] incubator-weex-site git commit: Site updated: 2017-03-10 18:12:10

Posted by ji...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3669a698/content.json
----------------------------------------------------------------------
diff --git a/content.json b/content.json
index 4010d41..45f47f7 100644
--- a/content.json
+++ b/content.json
@@ -1 +1 @@
-{"meta":{"title":"Weex","subtitle":null,"description":null,"author":"Jinjiang","url":"https://weex.apache.org"},"pages":[{"title":"Integrate to Your App","path":"guide/integrate-to-your-app.html","permalink":"https://weex.apache.org/guide/integrate-to-your-app.html","text":"Integrate to Your AppIntegrate to AndroidTip\uff1aThe following documents assume that you already have a certain Android development experience. Android has tow ways to integrate weex1.using source code: Can quickly use the latest features of WEEX, according to your own characteristics of the project. So, you can do some related improvements. 2.using SDK: WEEX will regularly release a stable version at jcenter.jcenter PrerequisitesMake sure the following configuration is complete: JDK version &gt;= 1.7 , and configure the environment variable Android SDK installed and configure the environment variable Android SDK version 23 (compileSdkVersion in build.gradle) SDK build tools version 23.0.1 (buildToolsVersion in bui
 ld.gradle) Android Support Repository &gt;= 17 (for Android Support Library) Quick to useIf you are the first time to try or have a higher demand for stability, you can use the way to dependence on the SDK.The steps are as follows: Create an Android project. There is nothing to be specified, according to your habits to. Update build.gradle by adding the following dependencies: compile 'com.android.support:recyclerview-v7:23.1.1'compile 'com.android.support:support-v4:23.1.1'compile 'com.android.support:appcompat-v7:23.1.1'compile 'com.alibaba:fastjson:1.1.46.android'compile 'com.taobao.android:weex_sdk:0.5.1@aar' Note: the version can be high can not be low. Start writing codeNote: There is a complete code address in the appendix Implement the picture download interface, set the initialization. package com.weex.sample;import android.widget.ImageView;import com.taobao.weex.adapter.IWXImgLoaderAdapter;import com.taobao.weex.common.WXImageStrategy;import com.taobao.weex.dom.WXImageQual
 ity;/*** Created by lixinke on 16/6/1.*/public class ImageAdapter implements IWXImgLoaderAdapter &#123; @Override public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) &#123; //To implement picture download interface, otherwise the picture can not be displayed. &#125;&#125; initialization package com.weex.sample;import android.app.Application;import com.taobao.weex.InitConfig;import com.taobao.weex.WXSDKEngine;/*** Note: add android:name=\".WXApplication\" into Manifest file* To implement ImageAdapter, otherwise the picture can not be downloaded* Gradle must add some dependencies, otherwise the initialization will fail.* compile 'com.android.support:recyclerview-v7:23.1.1'* compile 'com.android.support:support-v4:23.1.1'* compile 'com.android.support:appcompat-v7:23.1.1'* compile 'com.alibaba:fastjson:1.1.45'*/public class WXApplication extends Application &#123; @Override public void onCreate() &#123; super.onCreate(); InitConfig config=
 new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build(); WXSDKEngine.initialize(this,config); &#125;&#125; Start rendering package com.weex.sample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import com.taobao.weex.IWXRenderListener;import com.taobao.weex.WXSDKInstance;import com.taobao.weex.common.WXRenderStrategy;import com.taobao.weex.utils.WXFileUtils;public class MainActivity extends AppCompatActivity implements IWXRenderListener &#123; WXSDKInstance mWXSDKInstance; @Override protected void onCreate(Bundle savedInstanceState) &#123; super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWXSDKInstance = new WXSDKInstance(this); mWXSDKInstance.registerRenderListener(this); /** * WXSample can be replaced by any string * Template is js file that .we converted * Option can be empty, or through the option passed js required parameters. Such as the address of the bundle js. * JsonInitData can be empt
 y. * width is -1 , default full screen, you can customize it. * height is -1 , default full screen, you can customize it. */ mWXSDKInstance.render(\"WXSample\", WXFileUtils.loadFileContent(\"hello.js\", this), null, null, -1, -1, WXRenderStrategy.APPEND_ASYNC); &#125; @Override public void onViewCreated(WXSDKInstance instance, View view) &#123; setContentView(view); &#125; @Override public void onRenderSuccess(WXSDKInstance instance, int width, int height) &#123; &#125; @Override public void onRefreshSuccess(WXSDKInstance instance, int width, int height) &#123; &#125; @Override public void onException(WXSDKInstance instance, String errCode, String msg) &#123; &#125; @Override protected void onResume() &#123; super.onResume(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityResume(); &#125; &#125; @Override protected void onPause() &#123; super.onPause(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityPause(); &#125; &#125; @Override protected void onStop() &#123; su
 per.onStop(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityStop(); &#125; &#125; @Override protected void onDestroy() &#123; super.onDestroy(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityDestroy(); &#125; &#125;&#125; Dependence on source code (IDE Android Studio)1.Download source code. git clone https://github.com/alibaba/weex.2.Create an android project.3.Import the SDK Module through the following path:File-&gt;New-Import Module-&gt; chose WEEX SDK Module(weex/android/sdk) -&gt; Finish4.Add the following dependencies: compile project (\u2018: weex_sdk\u2019) to build.gradle file.5.Other settings please refer to the above \u201cQuick to use\u201d. Appendix: WXSample address https://github.com/xkli/WXSample.git Integrated to iOSThrough the cocoaPods integrated Weex iOS SDK to the project.First assume that you have finished installing the iOS development environment and CocoaPods. Step 1: Add DependenciesImport Weex iOS SDK to your existing project, if not, you can creat
 e a new project.Before proceeding, make sure that the Podfile file is under the project file. If not, create one and open with text editor. Integration framework WeexSDK The latest version on cocoaPods can be obtained here .Add the following to the Podfile file: source &apos;git@github.com:CocoaPods/Specs.git&apos; target &apos;YourTarget&apos; do platform :ios, &apos;7.0&apos; pod &apos;WeexSDK&apos;, &apos;0.9.5&apos; ## Suggest using latest Weex SDKend Integrate with source code First copy the ios / sdk directory to your existing project directory (here to copy the root directory of your existing project as an example), and then add the Podfile file. source &apos;git@github.com:CocoaPods/Specs.git&apos; target &apos;YourTarget&apos; do platform :ios, &apos;7.0&apos; pod &apos;WeexSDK&apos;, :path=&gt;&apos;./sdk/&apos; end Step 2: Install DependenciesOpen the command line, switch to the directory of the Podfile file, and run the pod install command. If there are no errors, it mea
 ns that the environment has been configured. Step 3: Initialize the Weex environmentIn the AppDelegate.m file to do the initialization operation, usually in the didFinishLaunchingWithOptions method as follows to add. //business configuration[WXAppConfiguration setAppGroup:@&quot;AliApp&quot;];[WXAppConfiguration setAppName:@&quot;WeexDemo&quot;];[WXAppConfiguration setAppVersion:@&quot;1.0.0&quot;];//init sdk enviroment [WXSDKEngine initSDKEnviroment];//register custom module and component\uff0coptional[WXSDKEngine registerComponent:@&quot;MyView&quot; withClass:[MyViewComponent class]];[WXSDKEngine registerModule:@&quot;event&quot; withClass:[WXEventModule class]];//register the implementation of protocol, optional[WXSDKEngine registerHandler:[WXNavigationDefaultImpl new] withProtocol:@protocol(WXNavigationProtocol)];//set the log level [WXLog setLogLevel: WXLogLevelAll]; Step 4: Render weex InstanceWeex supports both full page rendering and partial rendering. What you need to do is r
 ender Weex\u2019s view with the specified URL and add it to its parent container. The parent container is generally a viewController. #import &lt;WeexSDK/WXSDKInstance.h&gt;- (void)viewDidLoad &#123; [super viewDidLoad]; _instance = [[WXSDKInstance alloc] init]; _instance.viewController = self; _instance.frame = self.view.frame; __weak typeof(self) weakSelf = self; _instance.onCreate = ^(UIView *view) &#123; [weakSelf.weexView removeFromSuperview]; [weakSelf.view addSubview:weakSelf.weexView]; &#125;; _instance.onFailed = ^(NSError *error) &#123; //process failure &#125;; _instance.renderFinish = ^ (UIView *view) &#123; //process renderFinish &#125;; [_instance renderWithURL:self.url options:@&#123;@&quot;bundleUrl&quot;:[self.url absoluteString]&#125; data:nil];&#125; WXSDKInstance is a very important class that provides a basic method and some callbacks, such as renderWithURL, onCreate, onFailed, etc., can be found in WXSDKInstance.h. Step 5: Destroy Weex InstanceIn the dealloc phase
  of the viewController destroyed Weex instance, can play a role in avoiding memory leaks. - (void)dealloc&#123; [_instance destroyInstance];&#125; Import the Weex SDK framework to the project.The Weex SDK can be compiled from the source code. You can try the latest feature in the new feature or bugfix branch.Refer to here for direct import of weexSDK.","type":"guide"},{"title":"Set Up Development Environment","path":"guide/set-up-env.html","permalink":"https://weex.apache.org/guide/set-up-env.html","text":"Set up development environmentUse dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment. You will need Node.js and the Weex CLi. You can installing Node using nvm (Simple bash script to manage multiple active node.js versions). Run the following commands in a Terminal after installing nvm: $ nvm install 6.10.0$ nvm use 6.10.0 Node.js comes with npm, which lets you install the Weex Cli. Run the following command
  in a Terminal: $ npm install -g weex-toolkit$ weex -vv1.0.3weex-builder : v0.2.4weex-previewer : v1.3.4 NOTE: If you get an error like \u201cpermission error\u201d, try installing with sudo. Then you can use the weex command to verify that the installation is successful: Generate a new Weex projectYou can use CLi to generate a Weex project called \u201cawesome-project\u201d. Run the following command in a Terminal: $ weex init awesome-project Then we enter the awesome-project folder, the CLi has been for us to generate a standard project structure. UsageWe enter the awesome-project folder and install dependencies with the following commands: npm install Then we run npm run dev and npm run serve to start watch mode and static server. Finally, we can see the Weex page in http://localhost:8080/index.html. You can modify this page in src/foo.vue. The code is shown below: &lt;template&gt; &lt;div class=\"wrapper\"&gt; &lt;text class=\"weex\"&gt;Hello Weex !&lt;/text&gt; &lt;text class=\"vue\"&gt;He
 llo Vue !&lt;/text&gt; &lt;/div&gt;&lt;/template&gt;&lt;style scoped&gt; .wrapper &#123; flex-direction: column; justify-content: center; &#125; .weex &#123; font-size: 60px; text-align: center; color: #1B90F7; &#125; .vue &#123; font-size: 60px; text-align: center; margin-top: 30px; color: #41B883; &#125;&lt;/style&gt; If you\u2019re curious to learn more about technical details, continue on to the next. And don\u2019t forget to write code at dotWe and preview at anytime.","type":"guide"},{"title":"Color name","path":"references/color-names.html","permalink":"https://weex.apache.org/references/color-names.html","text":"List of the names of colorsBasic color keywords: Color Name Hex rgb black #000000 silver #C0C0C0 gray #808080 white #FFFFFF maroon #800000 red #FF0000 purple #800080 fuchsia #FF00FF green #008000 lime #00FF00 olive #808000 yellow #FFFF00 navy #000080 blue #0000FF teal #008080 aqua #00FFFF Extended color keywords: Color Name Hex rgb aliceblue #F0F8FF antiquewhite #FAEBD7 aq
 ua #00FFFF aquamarine #7FFFD4 azure #F0FFFF beige #F5F5DC bisque #FFE4C4 black #000000 blanchedalmond #FFEBCD blue #0000FF blueviolet #8A2BE2 brown #A52A2A burlywood #DEB887 cadetblue #5F9EA0 chartreuse #7FFF00 chocolate #D2691E coral #FF7F50 cornflowerblue #6495ED cornsilk #FFF8DC crimson #DC143C cyan #00FFFF darkblue #00008B darkcyan #008B8B darkgoldenrod #B8860B darkgray #A9A9A9 darkgreen #006400 darkgrey #A9A9A9 darkkhaki #BDB76B darkmagenta #8B008B darkolivegreen #556B2F darkorange #FF8C00 darkorchid #9932CC darkred #8B0000 darksalmon #E9967A darkseagreen #8FBC8F darkslateblue #483D8B darkslategray #2F4F4F darkslategrey #2F4F4F darkturquoise #00CED1 darkviolet #9400D3 deeppink #FF1493 deepskyblue #00BFFF dimgray #696969 dimgrey #696969 dodgerblue #1E90FF firebrick #B22222 floralwhite #FFFAF0 forestgreen #228B22 fuchsia #FF00FF gainsboro #DCDCDC ghostwhite #F8F8FF gold #FFD700 goldenrod #DAA520 gray #808080 green #008000 greenyellow #ADFF2F grey #808080 honeydew #F0FFF0 hotpink 
 #FF69B4 indianred #CD5C5C indigo #4B0082 ivory #FFFFF0 khaki #F0E68C lavender #E6E6FA lavenderblush #FFF0F5 lawngreen #7CFC00 lemonchiffon #FFFACD lightblue #ADD8E6 lightcoral #F08080 lightcyan #E0FFFF lightgoldenrodyellow #FAFAD2 lightgray #D3D3D3 lightgreen #90EE90 lightgrey #D3D3D3 lightpink #FFB6C1 lightsalmon #FFA07A lightseagreen #20B2AA lightskyblue #87CEFA lightslategray #778899 lightslategrey #778899 lightsteelblue #B0C4DE lightyellow #FFFFE0 lime #00FF00 limegreen #32CD32 linen #FAF0E6 magenta #FF00FF maroon #800000 mediumaquamarine #66CDAA mediumblue #0000CD mediumorchid #BA55D3 mediumpurple #9370DB mediumseagreen #3CB371 mediumslateblue #7B68EE mediumspringgreen #00FA9A mediumturquoise #48D1CC mediumvioletred #C71585 midnightblue #191970 mintcream #F5FFFA mistyrose #FFE4E1 moccasin #FFE4B5 navajowhite #FFDEAD navy #000080 oldlace #FDF5E6 olive #808000 olivedrab #6B8E23 orange #FFA500 orangered #FF4500 orchid #DA70D6 palegoldenrod #EEE8AA palegreen #98FB98 paleturquoise #
 AFEEEE palevioletred #DB7093 papayawhip #FFEFD5 peachpuff #FFDAB9 peru #CD853F pink #FFC0CB plum #DDA0DD powderblue #B0E0E6 purple #800080 red #FF0000 rosybrown #BC8F8F royalblue #4169E1 saddlebrown #8B4513 salmon #FA8072 sandybrown #F4A460 seagreen #2E8B57 seashell #FFF5EE sienna #A0522D silver #C0C0C0 skyblue #87CEEB slateblue #6A5ACD slategray #708090 slategrey #708090 snow #FFFAFA springgreen #00FF7F steelblue #4682B4 tan #D2B48C teal #008080 thistle #D8BFD8 tomato #FF6347 turquoise #40E0D0 violet #EE82EE wheat #F5DEB3 white #FFFFFF whitesmoke #F5F5F5 yellow #FFFF00 yellowgreen #9ACD32","type":"references"},{"title":"Android APIs","path":"references/android-apis.html","permalink":"https://weex.apache.org/references/android-apis.html","text":"Android APIsWXSDKEngine Set up various adapters WXSDKEngine.initialize(this, new InitConfig.Builder().setImgAdapter(new ImageAdapter()).setDebugAdapter(new PlayDebugAdapter()).build()); Register the module and component WXSDKEngine.registerC
 omponent(\"richtext\", RichText.class);WXSDKEngine.registerModule(\"event\", WXEventModule.class); Overloading framework WXSDKEngine.reload(this,framework,false); Adapter IWXImgLoaderAdapter Weex need to implement this interface to download the pictureThe interface is defined as follows: public interface IWXImgLoaderAdapter &#123; void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy);&#125; WXImageQuality that the quality of the picture variables, take the following values LOW, NORMAL, HIGH, ORIGINAL picture quality in turn higher. The default is LOW. WXImageStrategy is an extension class that indicates whether the image can be cut (isClipping) sharpening (isSharpen) placeholder (placeHolder) and so on. IWXHttpAdapter Weex custom WXRequest and OnHttpListener, Native reload interface can be obtained from the Request URL, Header and other parameters, the network request can be completed through OnHttpListener callback notification. Weex provides t
 he default network request: DefaultWXHttpAdapter, using HttpURLConnection for network requests. The interface is defined as follows: public interface IWXHttpAdapter &#123; void sendRequest(WXRequest request, OnHttpListener listener);&#125; WXRequest defines the parameters related to the network request, the request method, the request body, and the timeout time. Weex default timeout is 3000. OnHttpListener defines the corresponding method after the network request ends. Defined as follows: interface OnHttpListener &#123; /** * start request */ void onHttpStart(); /** * headers received */ void onHeadersReceived(int statusCode,Map&lt;String,List&lt;String&gt;&gt; headers); /** * post progress * @param uploadProgress */ void onHttpUploadProgress(int uploadProgress); /** * response loaded length (bytes), full length should read from headers (content-length) * @param loadedLength */ void onHttpResponseProgress(int loadedLength); /** * http response finish * @param response */ void onHtt
 pFinish(WXResponse response); &#125; IWXUserTrackAdapter Weex related performance data (first screen loading time, JS-Native communication time, dom update time, etc.) and other general information (JSLib file size, Weex SDK version number, etc.).Interface definition: public interface IWXUserTrackAdapter &#123; void commit(Context context, String eventId, String type, WXPerformance perf, Map&lt;String, Serializable&gt; params);&#125; Native implementation interface can be obtained through WXPerformance and params corresponding information. Native interacts with JavaScriptCustom eventsUsed for a custom control for event notifications, such as custom click events, response drop events, and so on. WXSDKInstance.java public void fireEvent(String elementRef,final String type, final Map&lt;String, Object&gt; data,final Map&lt;String, Object&gt; domChanges)&#123; &#125;public void fireEvent(String elementRef,final String type, final Map&lt;String, Object&gt; data)&#123; fireEvent(elementRe
 f,type,data,null);&#125;public void fireEvent(String elementRef, String type)&#123; fireEvent(ref,type,new HashMap&lt;String, Object&gt;());&#125; elementRef\uff1aThe event occurred for the control ID\u3002 type: Custom events, Weex defaults to a custom event starting with onXxxxx. OnPullDown (drop-down event) data: Need to reveal the parameters, such as the current control of the size, coordinates and other information\u3002 domChanges\uff1aUpdate ref for the control\u2019s Attribute and Style Event callbackUsed for Module callback, for example, after the completion of positioning Module need to notify JS. Use as follows: public class WXLocation extends WXModule &#123; @JSMethod public void getLocation(JSCallback callback)&#123; //Get the code for the location information ..... Map&lt;String,String&gt; data=new HashMap&lt;&gt;(); data.put(\"x\",\"x\"); data.put(\"y\",\"y\"); //notify once callback.invoke(data); //Continuous connection callback.invokeAndKeepAlive(data); //Invoke method and invokeA
 ndKeepAlive two methods of choice &#125;&#125; OnWXScrollListenerWeex gets the scroll event You can register registerOnWXScrollListener via WXSDKInstanceThe interface is defined as follows: public interface OnWXScrollListener &#123; /** * The view is not currently scrolling. */ int IDLE = RecyclerView.SCROLL_STATE_IDLE; /** * The view is currently being dragged by outside input such as user touch input. */ int DRAGGING = RecyclerView.SCROLL_STATE_DRAGGING; /** * The view is currently animating to a final position while not under * outside control. */ int SETTLING = RecyclerView.SCROLL_STATE_SETTLING; /** * Callback method to be invoked when the view has been scrolled. This will be * called after the scroll has completed. * &lt;p&gt; * This callback will also be called if visible item range changes after a layout * calculation. In that case, dx and dy will be 0. * */ void onScrolled(View view, int x, int y); /** * Callback method to be invoked when view's scroll state changes. * */ v
 oid onScrollStateChanged(View view, int x, int y, int newState);&#125; IActivityNavBarSetterWeex provides WXNavigatorModule for navigation control, and the corresponding method can be customized by setting the IActivityNavBarSetter interface. Instructions: WXSDKEngine.setActivityNavBarSetter(new IActivityNavBarSetter()&#123;&#125;); Other IntroductionsetSizeYou can use the mWXSDKInstance.setSize() method to change the size of the Weex container. DowngradeWeex in the development stage will add some new features and new methods, but these new features and functions must be upgraded to achieve the SDK, for the application should not be upgraded how to deal with it? You can use the downgrade feature. Native can be handled by the onException method in interface IWXRenderListener, and if it is an active demoulding errCode is a character that is divided by \u201c|\u201d. \u201c|\u201d The preceding character is 1 for active demotion, and the Native side can jump to the corresponding H5 page. Or otherw
 ise prompted the user\u2019s current environment does not support Weex.","type":"references"},{"title":"Common Events","path":"references/common-event.html","permalink":"https://weex.apache.org/references/common-event.html","text":"Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex components to define event actions. Click eventThe onclick attribute fires on a click gesture on the element.Notes: The input and switch component does not currently support the click event, please use change or input event instead. event object type : click target : The target component where the event is triggered timestamp : Timestamp when event is triggered Longpress eventIf a longpress event is bound to a component, the event will be triggered when user long press on it.Notes: The input and switch component does not currently support the click event, please use c
 hange or input event instead. event object type : longpress target : The target component where the event is triggered timestamp : Timestamp when event is triggered Appear eventIf a appear event is bound to a component inside a scrollable container, the event will be triggered when the component comes to be visible. event object type : appear target : The target component where the event is triggered timestamp : Timestamp when event is triggered direction : The direction in which the scroller is scrolling. Could be up or down. Disappear eventIf a disappear event is bound to a component inside a scrollable container, the event will be triggered when the component scrolls out of viewport and disappears from your sight. event object type : disappear target : The target component where the event is triggered timestamp : Timestamp when event is triggered direction : The direction in which the scroller is scrolling. Could be up or down. Page eventWeex provides you with simple management o
 f page status, such as viewappear and viewdisappear.The viewappear event will be triggered when page is about to show or before any animations are configured for showing. For example, when calling push method in navigator module, this event will be trigged in new page.The viewdisappear event will be triggeded when page is about to dismiss.Different from appear and disappear of component, these two events focus on the status of whole page, so they must be bound to the root component.In addititon, these events also can be bound to body component which is not root actually such as wxc-navpage. event object type : viewappear or viewdisappear target : The target component where the event is triggered timestamp : Timestamp when event is triggered Example&lt;template&gt; &lt;div&gt; &lt;div class=\"box\" @click=\"onclick\" @longpress=\"onlongpress\" @appear=\"onappear\" @disappear=\"ondisappear\"&gt;&lt;/div&gt; &lt;/div&gt;&lt;/template&gt;&lt;script&gt; const modal = weex.requireModule('
 modal') export default &#123; methods: &#123; onclick (event) &#123; console.log('onclick:', event) modal.toast(&#123; message: 'onclick', duration: 0.8 &#125;) &#125;, onlongpress (event) &#123; console.log('onlongpress:', event) modal.toast(&#123; message: 'onlongpress', duration: 0.8 &#125;) &#125;, onappear (event) &#123; console.log('onappear:', event) modal.toast(&#123; message: 'onappear', duration: 0.8 &#125;) &#125;, ondisappear (event) &#123; console.log('ondisappear:', event) modal.toast(&#123; message: 'ondisappear', duration: 0.8 &#125;) &#125; &#125; &#125;&lt;/script&gt;&lt;style scoped&gt; .box &#123; border-width: 2px; border-style: solid; border-color: #BBB; width: 250px; height: 250px; margin-top: 250px; margin-left: 250px; background-color: #EEE; &#125;&lt;/style&gt;","type":"references"},{"title":"HTML5 APIs","path":"references/html5-apis.html","permalink":"https://weex.apache.org/references/html5-apis.html","text":"HTML5 APIsVue APIs","type":"references"},{"tit
 le":"Gesture","path":"references/gesture.html","permalink":"https://weex.apache.org/references/gesture.html","text":"Gesture Experiment Feature Weex encapsulates native touch events to provide a gesture system. Using gesture is similar to use event in Weex. Just set on attributes on a node to listen to gesture. TypeFor now, there are four types of gestures: Touch. Touch gesture is fired when a touch point is placed, moved or removed from the touch surface. Touch gesture is accuracy as it will report every trivial event. As a result, listening to touch gesture may be slow, a great deal of events needs to be processed even a small move happened. There are three types of Touch gesture: touchstart will be fired when a touch point is placed on the touch surface. touchmove will be fired when a touch point is moved along the touch surface. touchend will be fired when a touch point is removed from the touch surface. Pan. Pan gesture also report motion of touch point on the touch surface, wh
 ich is similar to touch gesture. But Pan gesture is sampled and faster than the touch event. As consequence, it is less accuracy than touch gesture. There are also three types of Pan gesture, and the meaning of these types is very close to types of Touch. panstart panmove panend Horizontal/Vertical Pan v0.10+ . Mainly used for cell swipe gestures before conflict resolving system is completed. start/move/end state of the gesture will be passed by state property. Note: These gestures are in conflict with click event on Android currently. horizontalpan verticalpan Swipe. Swipe is fired when user swipe a touch point on the screen. A serial of motion will only trigger one Swipe gesture. LongPress. LongPress is fired when a touch point is held for 500 ms or more. The Touch gesture and Pan is very close to each other, with following features hold: Touch. Not sampled, accuracy, but slow. Pan. Sampled, fast, less accuracy. Users may choose their gesture according to their situation. Properti
 esThe following properties can be used in gesture callback: direction. Only exists for Swipe gesture. Indicate the direcion of the swipe, choose from up, left, bottom, right. changedTouches. An array of motion for every touch pointer that has contribute to the current gesture. changedToucheschangedTouches is an array, with the following properties in its children: identifier. A unique identifier for a touch pointer. pageX. The X coordinate of the touch pointer relative to the left edge of the document. pageY. The Y coordinate of the touch pointer relative to the top of the document. screenX. The X coordinate of the touch point relative to the left edge of the screen. screenY. The Y coordinate of the touch point relative to the top edge of the screen. ConstrainCurrently, Weex Android do not support listening to gesture on scroller, list and webview, as it would lead a large amount of event conflicting.","type":"references"},{"title":"Common Style","path":"references/common-style.html
 ","permalink":"https://weex.apache.org/references/common-style.html","text":"Common StyleAll of weex tags share some common style rules Box Model Weex box model based on the CSS box model, all of weex elements can be considered as boxes. The term \u201cbox model\u201d is used when talking about design and layout. The box model is essentially a box that wraps around every HTML element. It consists of margins, borders, paddings, and the actual content. you can use the definition below in weex box model. width: length type, default value 0 height: length type, default value 0 padding: length type, default value 0, (space around content, between element content and the element border) padding-left: length type, default value 0 padding-right: length type, default value 0 padding-top: length type, default value 0 padding-bottom: length type, default value 0 margin: length type, default value 0, (space around elements, outside the border) margin-left: length type, default value 0 margin-right: l
 ength type, default value 0 margin-top: length type, default value 0 margin-bottom: length type, default value 0 border border-style: values solid | dashed | dotted, default value solid border-left-style: values solid | dashed | dotted, default value solid border-top-style: values solid | dashed | dotted, default value solid border-right-style: values solid | dashed | dotted, default value solid border-bottom-style: values solid | dashed | dotted, default value solid border-width: length type, non-negative, default value 0 border-left-width: length type, non-negative, default value 0 border-top-width: length type, non-negative, default value 0 border-right-width: length type, non-negative, default value 0 border-bottom-width: length type, non-negative, default value 0 border-color: color type, default value #000000 border-left-color: color type, default value #000000 border-top-color: color type, default value #000000 border-right-color: color type, default value #000000 border-bott
 om-color: color type, default value #000000 border-radius: length type, default value 0, (rounded borders to elements , default value is 0 meaning right angle ) border-bottom-left-radius: length type, non-negative, default value 0 border-bottom-right-radius: length type, non-negative, default value 0 border-top-left-radius: length type, non-negative, default value 0 border-top-right-radius: length type, non-negative, default value 0 NotesWeex box model uses border-box as the default value of box-sizing, meaning the width and height properties includes content, padding and border, but not the margin. The rule of border-radius for a specific corner such as border-top-left-radius is not currently supported for component &lt;image&gt;in iOS. This only happens to iOS, it works fine on Android. Although overflow:hidden is default on android, a view will not clip its children according to border-radius unless all the following condtions met. This only happens on Android, it works fine on i
 OS. The view type is div, a, cell, refresh or loading. OS version is Android 4.3 or higher. OS version is not Andorid 7.0 A view does not have background-image property nor OS version is Android 5.0 or higher. Example&lt;template&gt; &lt;div&gt; &lt;image src=\"...\" style=\"width: 400; height: 200; margin-left: 20;\"&gt;&lt;/image&gt; &lt;/div&gt;&lt;/template&gt; FlexboxWeex box style model based on the CSS flexbox, ensures that elements behave predictably and the page layout can accommodates to different screen sizes and different display devices. Flexbox consists of flex containers and flex items. If a weex element can containing other elements, it is a flex container. Notice that the old version of flexbox specification has differences with the new ones, such as whether or not to support wrapping. This is described at w3c\u2019s working drafts, and you should notice the differences among them. Also notice that the old version is only supported below the 4.4 version of android. Fle
 x containerFlexbox is the default and only style model in Weex, so you don\u2019t have to add display: flex; in a container. flex-direction: values row | column, default value column The flex-direction property specifies the direction of the flexible items inside the flex container. Default value is column (top-to-bottom). justify-content: values flex-start | flex-end | center | space-between, default value flex-start The justify-content property horizontally aligns the flexible container\u2019s items when the items do not use all available space on the main-axis. Default value is flex-start meaning the flex items are positioned at the beginning of the container. flex-end means the items are positioned at the end of the container. center means the items are positioned at the center of the container. space-between means the items are positioned with space between the lines. align-items: values stretch | flex-start | center | flex-end, default value stretch The align-items property vertical
 ly aligns the flexible container\u2019s items when the items do not use all available space on the cross-axis. Default value is stretch meaning the items are stretched to fit the container. flex-start means the items are positioned at the top of the container; flex-end means the items are positioned at the bottom of the container; center means items are positioned at the center of the container (vertically). Flex item flex: number type, default value 0 the flex property specifies the length of the flex item, relative to the rest of the flex items inside the same container. If all of the flex items set flex: 1, they will have equal width or height on direction of flex container\u2019s flex-direction. If there are two flex items, with one setting flex: 1, and the other setting flex: 2, the first one will take 1/3 container space, and the second one will take 2/3 container space. If all of flex items don\u2019t set flex, they will be aligned depending on the container\u2019s justify-content proper
 ty. Examplesa list of images with equal scales align at the vertical axis: &lt;template&gt; &lt;div style=\"width: 300; height: 100;\"&gt; &lt;image src=\"...\" style=\"flex: 1;\"&gt;&lt;/image&gt; &lt;image src=\"...\" style=\"flex: 1;\"&gt;&lt;/image&gt; &lt;image src=\"...\" style=\"flex: 1;\"&gt;&lt;/image&gt; &lt;/div&gt;&lt;/template&gt; a image with fixed width aligns with a stretched text: &lt;template&gt; &lt;div style=\"width: 300; height: 100;\"&gt; &lt;image src=\"...\" style=\"width: 100; height: 100;\"&gt;&lt;/image&gt; &lt;text style=\"flex: 1;\"&gt;...&lt;/text&gt; &lt;/div&gt;&lt;/template&gt; mixed direction alignment: &lt;template&gt; &lt;div style=\"width: 100;\"&gt; &lt;image src=\"...\" style=\"width: 100; height: 100;\"&gt;&lt;/image&gt; &lt;div style=\"flex-direction: row;\"&gt; &lt;text style=\"flex: 2; font-size: 32;\"&gt;title&lt;/text&gt; &lt;text style=\"flex: 1; font-size: 16;\"&gt;$100&lt;/text&gt; &lt;/div&gt; &lt;/div&gt;&lt;/template&gt; one text al
 ign left , the other float right: &lt;template&gt;&lt;div style=\"flex-direction: row; justify-content: space-between;\"&gt; &lt;text&gt;WEEX&lt;/text&gt; &lt;text&gt;2016-05-08&lt;/text&gt;&lt;/div&gt;&lt;/template&gt; Positionwe can use properties below to control placement of weex tag position: values relative | absolute | fixed | sticky, default value relative relative means the item is positioned relative to its normal position. absolute means the item is positioned relative to its container. fixed keeps the elements position fixed when the page is scrolling. sticky keeps elements positioned inside the viewport as \u201cstuck\u201d at the top or \u201crelative\u201d at its original place depending on whether does it about to scroll out of the view. top: number type, default value 0, upward offset value bottom: number type, default value 0, downward offset value left: number type, default value 0, leftward offset value right: number type, default value 0, rightward offset value Examples&lt;
 template&gt; &lt;div style=\"flex-direction: column;\"&gt; &lt;div style=\"height: 3000;\"&gt; &lt;image src=\"...\" style=\"top: 50px; left: 50px;\"&gt;&lt;/image&gt; &lt;/div&gt; &lt;div style=\"height: 3000;\"&gt; &lt;image src=\"...\" style=\"position: sticky;\"&gt;&lt;/image&gt; &lt;/div&gt; &lt;div style=\"height: 3000;\"&gt; &lt;image src=\"...\" style=\"position: absolute; top: 50px; left: 50px;\"&gt;&lt;/image&gt; &lt;/div&gt; &lt;/div&gt;&lt;/template&gt; Pseudo class v0.9.5+Weex support four pseudo-classes: active, focus, disabled, enabled All components support active, but only the input component and the textarea component support focus, enabled, diabled. Rule the high priority override low priority when rules take effect at the same time such as: \u201cinput:active:enabled\u201d will override \u201cinput:active\u201d the interconnection rule as follow Example&lt;template&gt; &lt;div class=\"wrapper\"&gt; &lt;image :src=\"logoUrl\" class=\"logo\"&gt;&lt;/image&gt; &lt;/div&gt;&lt;/
 template&gt;&lt;style scoped&gt; .wrapper &#123; align-items: center; margin-top: 120px; &#125; .title &#123; font-size: 48px; &#125; .logo &#123; width: 360px; height: 82px; background-color: red; &#125; .logo:active &#123; width: 180px; height: 82px; background-color: green; &#125;&lt;/style&gt;&lt;script&gt; export default &#123; props: &#123; logoUrl: &#123; default: 'https://alibaba.github.io/weex/img/weex_logo_blue@3x.png' &#125;, target: &#123; default: 'World' &#125; &#125;, methods: &#123; update (e) &#123; this.target = 'Weex'; &#125; &#125; &#125;;&lt;/script&gt; Try it linear-gradient v0.10+Weex support linear-gradient background, You can see W3C description of the gradient. Supported componentsAll components in Weex support gradients UsageYou can use linear gradient by background-image property. background-image: linear-gradient(to top,#a80077,#66ff00); radial-gradient is not currently supported, do not use it. Weex currently supports two color gradients. The direction 
 of the gradient is as follows: to rightFrom left to right to leftFrom right to left to bottomFrom top to bottom to topFrom bottom to top to bottom rightFrom the upper left corner to the lower right corner to top leftFrom the lower right corner to the upper left corner Note background-image and background-color are set at the same time, background-image precedes background-color. Do not use shorthand property such as background. Example&lt;template&gt; &lt;scroller style=\"background-color: #3a3a3a\"&gt; &lt;div class=\"container1\" style=\"background-image:linear-gradient(to right,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to right&lt;/text&gt; &lt;/div&gt; &lt;div class=\"container1\" style=\"background-image:linear-gradient(to left,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to left&lt;/text&gt; &lt;/div&gt; &lt;div class=\"container1\" style=\"background-image:linear-gradient(to bottom,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to bottom&lt;/
 text&gt; &lt;/div&gt; &lt;div class=\"container1\" style=\"background-image:linear-gradient(to top,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to top&lt;/text&gt; &lt;/div&gt; &lt;div style=\"flex-direction: row;align-items: center;justify-content: center\"&gt; &lt;div class=\"container2\" style=\"background-image:linear-gradient(to bottom right,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to bottom right&lt;/text&gt; &lt;/div&gt; &lt;div class=\"container2\" style=\"background-image:linear-gradient(to top left,#a80077,#66ff00);\"&gt; &lt;text class=\"direction\"&gt;to top left&lt;/text&gt; &lt;/div&gt; &lt;/div&gt; &lt;/scroller&gt;&lt;/template&gt;&lt;style&gt; .container1 &#123; margin: 10px; width: 730px; height: 200px; align-items: center; justify-content: center; border: solid; border-radius: 10px; &#125; .container2 &#123; margin: 10px; width: 300px; height: 300px; align-items: center; justify-content: center; border: solid; border-radius: 10px; &#125; 
 .direction &#123; font-size: 40px; color: white; &#125;&lt;/style&gt; Other Common Style opacity background-color Type of Style Value length type number type color type (The list of color keywords.) enumerated type Simple StepThese up-to-down steps may help you to plan the whole style of weex pages. overall style: divide the whole page to different parts flex alignment: align boxes in every part of page position box: place box, set offset element specific style: set styles for certain element if needed","type":"references"},{"title":"JS Framework APIs","path":"references/jsfm-apis.html","permalink":"https://weex.apache.org/references/jsfm-apis.html","text":"JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API is the solution for inter-instance communication. Reference BroadcastChannel specification. MessageEvent specification API postMessage(message): Sends the given message to other BroadcastChannel objects set up for this channel. close: Closes the BroadcastChannel object, 
 opening it up to garbage collection. onmessage: Event handler, the event will be triggered when the instance receive a message. Usageconst Stack = new BroadcastChannel('Avengers')Stack.onmessage = function (event) &#123; console.log(event.data) // in this case, it's \"Hulk Smash !!!\"&#125;// in another instanceconst Hulk = new BroadcastChannel('Avengers')Hulk.postMessage(\"Hulk Smash !!!\") Run the code above, Stack can receive the message from Hulk. NoticeOne thing should be noticed: The message object is not deep cloned. See the demo below: const a = new BroadcastChannel('app')const b = new BroadcastChannel('app')const message = &#123; lists: ['A', 'B']&#125;a.onmessage = function (event) &#123; // in this case, event.data is a reference of message console.assert(event.data === message)&#125;b.postMessage(message) In this case, event.data is strict equal to message. Compared to the deep clone, this behavior improves efficiency and reduces memory cost. However, developers are not 
 recommended to cache or modify the event object when they are using it (All type of event handlers should have this restriction).","type":"references"},{"title":"Path","path":"references/path.html","permalink":"https://weex.apache.org/references/path.html","text":"Path0.9 This article will cover uri (url) usage in Weex. Including using image/typeface resources, deal with relative uri and how to access local and packaged asset files. Schemes LocalWeex SDK provide local scheme to access resources packaged with application, and of cource, it\u2019s not working in the HTML5 runtime.Currently, developers can use this scheme with image and text\u2019s font file location. In iOS, it\u2019s always locate file in \u2018bundle resources\u2019. For example, a image component with local:///app_icon will load image file named \u2018app_icon\u2019 in bundle resouce, and font file work in the same way. In Android, image component will load from \u2018drawable\u2019 resource folder like \u2018res/drawable-xxx\u2019. But load font 
 file is different, android framework can not load font file from \u2018res\u2019, so SDK will load it from asserts folder. HTTP/HTTPSIt\u2019s working in the same way as in web, Weex support these at very beginning. FileUse file scheme to access local disk file. This scheme has its limitations: You would not hard coded a file url in source page. Because not matter it\u2019s running in different platform(iOS, Android) or not, the content will be totally different in another device, which is depend to the specific device.So one possible case is getting the file url in runtime dynamically, which you can use it to diaplay a local disk image, or maybe upload it later. Relative URILike we do in HTML, weex process \u2018relative URI\u2019 in the same way. The relative URI, which start with /,.,..,//, will resolve by the bunle url.Means URL start with / will resolve to the root folder as bundle js file, . and .. will resolve to current and parent folder, and // will resolve to same scheme bundle js have. URI
  AdapterAll the above is the default implementation, developers can extend or override these their own by providing a \u2018URI Adapter\u2019. Same as the other adapters, Custom adapter should be set before Weex SDK is initializing.","type":"references"},{"title":"iOS APIs","path":"references/ios-apis.html","permalink":"https://weex.apache.org/references/ios-apis.html","text":"iOS APIsHandler(like Android Adapter) WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface to download the picture. The interface is defined as follows: @protocol WXImgLoaderProtocol &lt;WXModuleProtocol&gt;/** * @abstract Creates a image download handler with a given URL * * @param imageUrl The URL of the image to download * * @param imageFrame The frame of the image you want to set * * @param options : The options to be used for this download * * @param completedBlock : A block called once the download is completed. * image : the image which has been download to local. * error : the err
 or which has happened in download. * finished : a Boolean value indicating whether download action has finished. */- (id&lt;WXImageOperationProtocol&gt;)downloadImageWithURL:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)options completed:(void(^)(UIImage *image, NSError *error, BOOL finished))completedBlock;@end Native interacts with JavaScript Custom events Used for a custom control for event notifications, such as custom click events, response drop events, and so on. This is a method in the component base class that can be used directly. /** * @abstract Fire an event to the component and tell Javascript which value has been changed. * @param eventName * @param params * @param domChanges **/- (void)fireEvent:(NSString *)eventName params:(NSDictionary *)params domChanges:(NSDictionary *)domChanges Event callback Used for Module callback. There are two types of callback: WXModuleCallback: For performance reasons, the callback can only callback js once, and th
 en will be released. WXModuleKeepAliveCallback: This callback can be set to multiple callbacks, multiple callbacks of the scene such as continually listen scrolls event and return to js. @implementation WXEchoModule@synthesize weexInstance;WX_EXPORT_METHOD(@selector(echo:))- (void)echo:(NSString *)param callback:(WXModuleKeepAliveCallback)callback&#123; callback(param,ture);&#125; Set size of the Weex containerYou can use the setFrame(CGRect) method to change the size of the Weex container. DowngradeWeex in the development stage will add some new features and new methods, but these new features and functions must be upgraded to achieve the SDK, for the application should not be upgraded how to deal with it? You can use the downgrade feature. Native can be handled by the onFailed method in interface WXSDKInstance, and if it is an active demoulding error domain is TemplateErrorType, and the Native side can jump to the corresponding H5 page. Or otherwise prompted the user\u2019s current e
 nvironment does not support Weex.","type":"references"},{"title":"Native DOM APIs","path":"references/native-dom-api.html","permalink":"https://weex.apache.org/references/native-dom-api.html","text":"Native DOM APIsWeex in the JS engine, for each page provides a set of Native DOM APIs. This interface is very close to the HTML DOM APIs. Using this interface we can control native rendering logic via JavaScript. And Weex upper layer of Vue 2.0 is based on this interface to adapt. In most cases, the JS framework will encapsulate native DOM APIs. That way, the developer does not need to work directly on the Native DOM. Document class: full page document. Node class: the base class of nodes. Element class: element node, inherited from Node, single view unit. Comment class: comment node, inherited from Node, no practical meaning, usually used as placeholders. Each Weex page has a weex.document object, which is an instance of the Document class and is the starting point for all the followin
 g interface calls. Let\u2019s take a look at their usage in detail: Document classEach Document instance will automatically have a documentElement property when it is created. This attribute represents the document node. The document node can have a body, which is the main node of the document. Note: The document node body only accepts &lt;div&gt;, &lt;list&gt;, or &lt;scroller&gt; three types of element nodes. Constructornew Document(id: string, url: string?) Member methodcreateElement(tagName: string, props: Object?): Element Creates an Element instance of a specific type tagName, which is an element node. Props can contain attr objects and style objects. Such as createBody (&#39;div&#39;, {style: {backgroundColor: &#39;#ffffff&#39;}}). createComment(text: string): Comment Create an instance of �Comment, which is a comment node and set a text description. createBody(tagName: string, props: Object?): Element Create a document body node and automatically mount it under documentElement
 . fireEvent(el: Element, type: string, e: Object?, domChanges: Object?)Triggers a particular type of event. When the event modifies the DOM\u2019s properties or styles during the generation process, the fourth argument is used to describe the changes, and the parameter format is the same as the format of the createElement method above. destroy() Destroy the current document. Once the document is destroyed, it will no longer work. Read-only member variablesid: string Each Document instance has a unique id. This is also the only id that each Weex page has. URL: string? If the current Weex page has a JS bundle URL, the URL will be returned here. body: Element The main body of the document, the concept similar to the HTML DOM document.body. documentElement: Element Document node, the concept similar to the HTML DOM document.documentElement. The relationship between body and documentElement is: documentElement is the parent of the body. getRef(id): Node Get the node based on the node id. No
 de ClassConstructornew Node() Member methoddestroy() Read-only member variables or methodsref: string Each Node instance has its own unique ref value in the entire `Document instance. nextSibling: Node? previousSibling: Node? parentNode: Node? The three interfaces are consistent with the definition of HTML DOM. children: Node[] The node has an array of all child nodes. pureChildren: Node[] The node has an array of all the child elements. The difference between it and children is that pureChildren contains only the Element instance and not the Comment instance. Element class, inherited from NodeConstructornew Element(type: string, props: Object?) Creates an element node of a particular type type, and the props parameter can contain an attr object or a style object. DOM tree operationappendChild(node: Node)insertBefore(node: Node, before: Node?) The two interfaces are similar to HTML DOM. insertAfter(node: Node, after: Node?) Insert a new node before a child node. removeChild(node: No
 de, preserved: boolean?) Delete the child node node. Parameters preserved whether it is immediately removed from memory or temporarily retained. clear() Clear all child nodes. The DOM property itself operatessetAttr(key: string, value: string, silent: boolean?) setStyle(key: string, value: string, silent: boolean?) In the above two interfaces, when silent is true, the node only updates itself, does not pass the command to the client render layer. This parameter is used to handle user events that have changed the node-related properties at the time of occurrence, and will not send commands repeatedly to the client after the Native DOM has changed. addEvent(type: string, handler: Function) removeEvent(type: string) fireEvent(type: string, e: any) Bind events, unbind events, trigger events. Component method for a specific component typeSpecial: Different component types can have their own unique methods, such as &lt;web&gt; components support refresh method. You can see the description
  of each component. In this case, we will generate a specific component type of class, such as WebElement, which inherited from Element. Such as: WebElement inherited from ElementIndicates that a webview is embedded in the Wex page Refresh (): Refreshes the current webview Read-only member variables or methodsref, nextSibling, previousSibling, parentNode Inherited from Node. nodeType: number The number is always 1. type: string Consistent with the type in the constructor. attr: Object The key pair of all the characteristics of the current node. It is recommended to use the setAttr () method to modify, rather than directly modify the object here. style: Object The value of all the keys of the current node. It is recommended to modify the setStyle () method, rather than directly modify the object here. event: Object All events of the current node are bound. Each event type corresponds to an event handler method. It is recommended to use the addEvent () / removeEvent () method to modif
 y, rather than directly modify the object here. toJSON(): Object Returns a JSON object that describes the element\u2019s node, such as: {ref: string, type: string, attr: Object, style: Object, event: Array (string), children: Array}. Comment class, inherited from NodeConstructornew Comment(value: string) Read-only member variables or methodsref, nextSibling, previousSibling, parentNode Inherited from Node. nodeType: number The number is always 8. type: string The type is always &#39;comment&#39; value: string Consistent with the value in the constructor. toJSON(): Object Returns a JSON object describing the annotation node. For example: &lt;! - value -&gt;.","type":"references"},{"title":"Platform Differences Between Weex and Web","path":"references/platfrom-difference.html","permalink":"https://weex.apache.org/references/platfrom-difference.html","text":"Platform Differences Between Weex and WebWork in progresss.","type":"references"},{"title":"Text Style","path":"references/text-styl
 e.html","permalink":"https://weex.apache.org/references/text-style.html","text":"Text StyleText alike components share some common style rules. The text alike components currently includes text and input. Properties color: &lt;colors&gt; this property set the foreground color of an component\u2019s text content. font-size: &lt;length&gt; this property specifies the size of the font. font-style: &lt;enum&gt; normal | italic. This property lets you select italic or normal faces within a font-family. Default value is normal. font-weightv0.9+: values: normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900 normal is equal to 400, bold equel to 700 default value: normal apply to: &lt;text&gt;, &lt;input&gt; ios support showing 9 kind of font-weight. android support showing 2 kind of font-weight:400,700, other value will map to 400 or 700 Some standard values like lighter, bolder, number unit are not supported. The effect not apply to all elements, just &lt;text&gt; and &lt;input&gt;. In a
 nother way, it\u2019s not inherited. text-decoration: &lt;enum&gt; none | underline | line-through. This property is used to set the text formatting to underline or line-through. The default value is none. text-align: &lt;enum&gt; left | center | right. This property describes how inline content like text is aligned in its parent component. The default value is left. font-family:&lt;string&gt; this property set the font-family of the text. This property doesn\u2019t guarantee the given font will always be set to the text. If the specified font cannot be found at the device, a typeface fallback will occur and the default typeface will be load. The fallback mechanism may vary in different devices. text-overflow:&lt;string&gt; clip | ellipsis. This property determines how overflowed content that is not displayed is signaled to users. It can be clipped, display an ellipsis. The property color support multiple fomats of values, contains rgb, rgba, #fff, #ffffff, named-color. Example: .my-class
  &#123; color: red; &#125;.my-class &#123; color: #f00; &#125;.my-class &#123; color: #ff0000; &#125;.my-class &#123; color: rgb(255, 0, 0); &#125;.my-class &#123; color: rgba(255, 0, 0, 0.5); &#125; Type of Style Value length: number followed by length unit px, px can be omitted. colors: support multiple formats of values, including rgb (rgb(255, 0, 0)), rgba (rgba(255, 0, 0, 0.5)), hexadecimal (#ff0000), short hexadecimal (#f00), named color (red). enumerated values: a limited number of string values. Note: The list of color keywords.","type":"references"},{"title":"CSS unit","path":"references/unit.html","permalink":"https://weex.apache.org/references/unit.html","text":"CSS unitWork in progresss.","type":"references"},{"title":"Web standards","path":"references/web-standards.html","permalink":"https://weex.apache.org/references/web-standards.html","text":"Web standardsHTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11 Overview percentage name supported 98.1% &lt;head&g
 t; - 97.9% &lt;body&gt; - 97.9% &lt;html&gt; - 97% &lt;title&gt; - 93.9% &lt;meta&gt; - 89.9% &lt;div&gt; \u2713 89.6% &lt;a&gt; \u2713 88.5% &lt;script&gt; \u2713 86.5% &lt;link&gt; - 86.3% &lt;img&gt; \u2713 81.5% &lt;p&gt; - (can be customized) 75.6% &lt;span&gt; - (can be customized) 73.8% &lt;li&gt; - (can be customized) 73.7% &lt;ul&gt; - (can be customized) 70.3% &lt;br&gt; \u2715 60.4% &lt;style&gt; \u2713 55.8% &lt;h1&gt; - (can be customized) 52.7% &lt;h2&gt; - (can be customized) 48.4% &lt;input&gt; \u2713 46.9% &lt;form&gt; \u2715 44.3% &lt;strong&gt; - (can be customized) 43.1% &lt;h3&gt; - (can be customized) 30.9% &lt;table&gt; \u2715 30.3% &lt;tr&gt; \u2715 30.2% &lt;td&gt; \u2715 Forms percentage name supported 49.5% &lt;option&gt; \u2715 30.2% &lt;input&gt; \u2713 16.6% &gt; [type=&quot;hidden&quot;] - 8% &gt; [type=&quot;text&quot;] \u2713 4.2% &gt; [type=&quot;submit&quot;] - 2% &gt; [type=&quot;checkbox&quot;] - (&lt;switch&gt;) 1.2% &gt; [type=&quot;email&quot;] \u2713 1.1% &gt; [type=&quot;radio&quot;] 
  0.9% &gt; [type=&quot;image&quot;] - 0.8% &gt; [type=&quot;button&quot;] - 0.6% &gt; [type=&quot;search&quot;] \u2715 0.6% &gt; [type=&quot;password&quot;] \u2713 0.1% &gt; [type=&quot;tel&quot;] \u2713 0.1% &gt; [type=&quot;number&quot;] \u2713 0% &gt; [type=&quot;reset&quot;] - 0% &gt; [type=&quot;file&quot;] \u2715 0% &gt; [type=&quot;date&quot;] \u2713 0% &gt; [type=&quot;url&quot;] \u2713 0% &gt; [type=&quot;range&quot;] \u2715 0% &gt; [type=&quot;color&quot;] \u2715 0% &gt; [type=&quot;time&quot;] \u2713 0% &gt; [type=&quot;datetime-local&quot;] \u2715 7.2% &lt;label&gt; - 6.1% &lt;form&gt; - 3.7% &lt;button&gt; - (can be customized) 2.6% &gt; [type=&quot;button&quot;] - 1.3% &gt; [type=&quot;submit&quot;] - 0% &gt; [type=&quot;reset&quot;] - 1.9% &lt;select&gt; \u2715 0.7% &lt;textarea&gt; \u2713 0.5% &lt;fieldset&gt; - 0.1% &lt;optgroup&gt; \u2715 0.1% &lt;legend&gt; - 0% &lt;progress&gt; \u2715 0% &lt;datalist&gt; - 0% &lt;output&gt; - 0% &lt;meter&gt; - CSS Propertiesrefs: https://www.chromestatus.com/metrics/feat
 ure/popularity 2016-12-11 percentage name supported 90.5115% display \u2715 flex only 89.8243% margin \u2713 (not support combo) 88.7012% width \u2713 88.6468% overflow \u2713 iOS only, hidden only for Android 88.6432% background-color \u2713 88.0803% height \u2713 87.7648% font-size \u2713 87.3837% padding \u2713 87.2721% color \u2713 86.9788% text-align \u2713 86.6841% position \u2713 relative by default, static not supported 86.6039% font-family \u2713 86.5943% font-weight \u2713 85.0072% opacity \u2713 80.6911% max-width \u2715 79.4476% box-sizing \u2715 border-box only 75.7623% max-height \u2715 74.9939% webkit-user-select \u2715 57.0292% align-items \u2713 56.8182% justify-content \u2713 space-around not supported well in browser 50.5941% flex-direction \u2713 48.5052% border \u2713 47.5161% top \u2713 46.9136% background \u2715 46.1552% cursor \u2715 46.1443% margin-left \u2713 46.0956% left \u2713 46.0848% text-decoration \u2713 45.9575% float \u2715 45.8391% border-bottom \u2713 45.7639% padding-left \u2713 45.7128% margin-top \u2713 45.7013% line-height \u2713 45.5836% 
 background-image \u2715 45.0837% z-index \u2715 45.0649% right \u2713 45.0516% margin-bottom \u2713 45.0459% white-space \u2715 44.8710% margin-right \u2713 44.8476% vertical-align \u2715 44.6306% padding-top \u2713 44.1466% border-radius \u2713 44.0136% border-top \u2713 43.9815% padding-bottom \u2713 43.9392% padding-right \u2713 43.8539% visibility \u2715 43.4306% background-position \u2715 43.4098% background-repeat \u2715 43.0391% clear \u2715 42.9100% bottom \u2713 42.2092% content \u2715 42.0690% box-shadow \u2715 41.9004% border-color \u2713 41.7341% outline \u2715 41.4297% border-right \u2713 41.2605% border-left \u2713 41.1127% min-height \u2715 41.0736% font-style \u2713 41.0523% min-width \u2715 40.4298% list-style \u2715 39.7341% font \u2715 38.8999% background-size \u2715 38.7811% border-width \u2713 38.7718% border-collapse \u2715 37.8110% border-style \u2713 37.4962% text-overflow \u2713 must work with lines 37.3471% text-transform \u2715 37.2154% transition \u2715 36.5155% overflow-y \u2715 36.3025% transform \u2715 36.2488% text-indent \u2715 35.5075% text-shadow \u2715 34.7607% 
 webkit-appearance \u2715 34.1925% list-style-type \u2715 34.0238% border-spacing \u2715 33.6664% word-wrap \u2715 31.9961% overflow-x \u2715 31.9922% zoom \u2715 31.2495% border-bottom-left-radius \u2715 31.1306% pointer-events \u2715 31.1229% border-top-left-radius \u2715 30.2131% border-bottom-color \u2713 29.9608% border-top-color \u2713 29.4297% border-bottom-right-radius \u2715 29.2668% border-top-right-radius \u2715 28.6489% letter-spacing \u2715 27.8327% animation \u2715 26.6738% border-right-width \u2713 26.0169% src \u2715 25.2661% clip \u2715 25.2512% webkit-font-smoothing \u2715 25.1971% border-bottom-width \u2713 25.0246% border-right-color \u2713 24.7790% direction \u2715 24.4094% webkit-tap-highlight-color \u2715 23.9751% border-left-color \u2713 23.9321% border-top-width \u2713 23.7902% fill \u2715 23.2617% border-left-width \u2713 22.7278% table-layout \u2715 21.5766% word-break \u2715 20.4319% background-clip \u2715 19.3198% transform-origin \u2715 18.9233% filter \u2715 17.7879% resize \u2715 16.2501% flex \u2715 15.1656% font-variant \u2715 14.9181% text-rendering 
  14.7125% webkit-filter \u2715 14.5263% transition-duration \u2715 14.3966% transition-property \u2715 14.2124% webkit-box-orient \u2715 13.5432% outline-offset \u2715 12.9300% transition-timing-function \u2715 12.2788% unicode-range \u2715 12.0880% word-spacing \u2715 11.9124% quotes \u2715 11.6800% border-bottom-style \u2713 11.4263% webkit-background-clip \u2715 11.0070% flex-grow \u2715 10.5925% backface-visibility \u2715 10.4417% animation-name \u2715 10.4302% stroke \u2715 10.4144% animation-duration \u2715 10.2804% touch-action \u2715 9.9663% list-style-position \u2715 9.8662% order \u2715 9.7770% outline-width \u2715 9.7504% transition-delay \u2715 9.4689% border-top-style \u2713 9.3474% webkit-box-pack \u2715 9.3078% webkit-box-align \u2715 9.2375% page-break-inside \u2715 9.1898% webkit-line-clamp \u2715 8.9350% list-style-image \u2715 8.8339% page-break-after \u2715 8.5735% speak \u2715 8.4754% unicode-bidi \u2715 8.4307% animation-timing-function \u2715 8.1464% webkit-box-flex \u2715 8.0048% orphans \u2715 7.9947% widows \u2715 7.6671% flex-wrap \u2713 not supported well i
 n browser 7.5756% animation-fill-mode \u2715 7.4163% animation-delay \u2715 7.3284% border-left-style \u2713 7.1586% outline-color \u2715 6.9102% flex-shrink \u2715 6.7754% perspective \u2715 6.7748% border-right-style \u2713 6.4619% outline-style \u2715 6.0382% animation-iteration-count \u2715 5.9838% background-origin \u2715 5.9714% fill-opacity \u2715 5.9357% will-change \u2715 5.3740% stroke-width \u2715 5.3172% transform-style \u2715 5.2608% overflow-wrap \u2715 5.1730% background-attachment \u2715 4.9039% counter-increment \u2715 4.5950% counter-reset \u2715 4.5031% align-self \u2715 4.4109% webkit-box-ordinal-group \u2715 4.4046% webkit-animation-direction \u2715 3.7598% background-position-x \u2715 3.6867% border-image \u2715 3.6601% background-position-y \u2715 3.5749% webkit-user-drag \u2715 3.3376% flex-basis \u2715 3.1840% align-content \u2715 3.1832% flex-flow \u2715 3.1774% image-rendering \u2715 3.0879% webkit-margin-start \u2715 2.9551% font-stretch \u2715 2.8934% empty-cells \u2715 2.7619% webkit-margin-after \u2715 2.7220% perspective-origin \u2715 2.6125% webkit-m
 argin-end \u2715 2.6089% column-count \u2715 2.5880% webkit-text-fill-color \u2715 2.5466% webkit-box-direction \u2715 2.4618% font-feature-settings \u2715 2.3959% webkit-mask-image \u2715 2.3431% webkit-padding-end \u2715 2.2555% stroke-dasharray \u2715 2.1788% user-select \u2715 2.1679% object-fit \u2715 2.0643% column-gap \u2715 2.0459% text-size-adjust \u2715 2.0253% caption-side \u2715 1.9695% stroke-dashoffset \u2715 1.7923% stroke-linecap \u2715 1.7861% animation-direction \u2715 1.7559% webkit-font-feature-settings \u2715 1.7404% stroke-opacity \u2715 1.5926% stroke-miterlimit \u2715 1.5786% fill-rule \u2715 1.4859% webkit-user-modify \u2715 1.3439% webkit-border-image \u2715 1.3091% animation-play-state \u2715 1.2676% contain \u2715 1.2029% webkit-padding-start \u2715 1.1840% webkit-margin-before \u2715 1.1269% page-break-before \u2715 1.1222% webkit-margin-top-collapse \u2715 1.0418% columns \u2715 1.0354% webkit-mask-size \u2715 0.9650% border-image-slice \u2715 0.9425% stop-color \u2715 0.9408% webkit-mask-repeat \u2715 0.9125% webkit-box-lines \u2715 0.8804% webkit-colu
 mn-break-inside \u2715 0.8752% size \u2715 0.8334% font-kerning \u2715 0.8034% stroke-linejoin \u2715 0.7869% tab-size \u2715 0.7689% break-inside \u2715 0.7589% webkit-text-stroke-width \u2715 0.7353% column-width \u2715 0.6924% webkit-mask-position \u2715 0.6869% border-image-width \u2715 0.6323% border-image-repeat \u2715 0.5994% border-image-outset \u2715 0.5885% all \u2715 0.5859% webkit-text-stroke-color \u2715 0.5435% webkit-print-color-adjust \u2715 0.5420% webkit-text-stroke \u2715 0.5195% writing-mode \u2715 0.4741% clip-rule \u2715 0.4685% webkit-clip-path \u2715 0.4578% text-anchor \u2715 0.4535% shape-rendering \u2715 0.4526% webkit-column-break-before \u2715 0.4494% clip-path \u2715 0.4452% webkit-mask \u2715 0.4393% mix-blend-mode \u2715 0.4166% text-align-last \u2715 0.4033% column-rule \u2715 0.3990% webkit-mask-box-image \u2715 0.3989% font-variant-ligatures \u2715 0.3881% column-fill \u2715 0.3865% webkit-line-break \u2715 0.3857% border-image-source \u2715 0.3528% stop-opacity \u2715 0.3075% webkit-perspective-origin-y \u2715 0.3054% webkit-perspective-origin-x 
  0.2994% webkit-writing-mode \u2715 0.2717% dominant-baseline \u2715 0.2634% column-rule-color \u2715 0.2586% webkit-box-decoration-break \u2715 0.2467% webkit-text-security \u2715 0.2374% webkit-background-origin \u2715 0.2146% font-variant-caps \u2715 0.2005% column-rule-style \u2715 0.1976% shape-outside \u2715 0.1971% webkit-padding-before \u2715 0.1896% break-after \u2715 0.1782% webkit-padding-after \u2715 0.1774% text-orientation \u2715 0.1747% webkit-text-orientation \u2715 0.1655% mask \u2715 0.1626% alignment-baseline \u2715 0.1572% page \u2715 0.1530% webkit-column-break-after \u2715 0.1521% webkit-box-reflect \u2715 0.1504% webkit-text-emphasis-color \u2715 0.1499% object-position \u2715 0.1470% break-before \u2715 0.1455% webkit-margin-collapse \u2715 0.1452% baseline-shift \u2715 0.1451% hyphens \u2715 0.1309% rx \u2715 0.1304% ry \u2715 0.1256% background-blend-mode \u2715 0.1136% font-variant-numeric \u2715 0.1135% background-repeat-x \u2715 0.1123% background-repeat-y \u2715 0.1086% webkit-text-emphasis \u2715 0.1058% webkit-rtl-ordering \u2715 0.1040% column-r
 ule-width \u2715 0.1036% isolation \u2715 0.1002% webkit-highlight \u2715 0.0843% webkit-transform-origin-y \u2715 0.0786% webkit-transform-origin-x \u2715 0.0770% webkit-app-region \u2715 0.0685% column-span \u2715 0.0653% r \u2715 0.0611% y \u2715 0.0602% x \u2715 0.0555% webkit-border-vertical-spacing \u2715 0.0545% webkit-border-horizontal-spacing \u2715 0.0542% webkit-border-start-width \u2715 0.0450% webkit-border-start-color \u2715 0.0424% webkit-border-after-width \u2715 0.0424% webkit-border-before-width \u2715 0.0423% webkit-border-end-width \u2715 0.0351% marker \u2715 0.0349% webkit-border-end-color \u2715 0.0347% webkit-border-after-color \u2715 0.0347% webkit-border-before-color \u2715 0.0342% mask-type \u2715 0.0328% color-interpolation-filters \u2715 0.0325% webkit-border-end \u2715 0.0319% vector-effect \u2715 0.0307% color-rendering \u2715 CSS Units and Valuesrefs: https://drafts.csswg.org/css-values/ 2016-12-11 Textual pre-defined keywords CSS-wide keywords initial inherit unset &lt;custom-ident&gt;: author-defined identifiers \u2713 &lt;strin
 g&gt;: quoted strings (&quot;xxx&quot;) &lt;url&gt;: resourec locators (url()) Numeric &lt;integer&gt; \u2713 &lt;number&gt; \u2713 &lt;percentage&gt; Length &lt;length&gt; relative font-relative em ex ch ic rem \u2713\U0001f527 viewport-percentage vw \u2713\U0001f527 vh \u2713\U0001f527 vi vb vmin \u2713\U0001f527 vmax \u2713\U0001f527 absolute cm \u2713\U0001f527 mm \u2713\U0001f527 Q \u2713\U0001f527 in \u2713\U0001f527 pc \u2713\U0001f527 pt \u2713\U0001f527 px autofixed to number Quantities &lt;angle&gt; deg grad rad turn &lt;time&gt; s ms &lt;frequency&gt; Hz kHz &lt;resolution&gt; dpi dpcm dppx Elsewhere &lt;color&gt; \u2713 &lt;image&gt; &lt;position&gt; Functional calc() toggle() attr() JS APIsrefs: https://www.w3.org/standards/techs/js 2016-12-11 Completed WorkStandards last update spec supported 2016-11-17 Media Source Extensions\u2122 - (media related) 2016-11-08 Geolocation API Specification 2nd Edition \u2715 developing 2016-10-27 Pointer Lock - 2016-10-18 Vibration API (Second Edition) \u2715 2016-04-19 Web Storage (Second Edition) \u2713 async storage module 2015-10-22 Web Notificatio
 ns \u2715 2015-05-19 HTML5 Web Messaging \u2715 BroadcastChannel developing 2015-02-24 Pointer Events - 2015-02-10 Vibration API \u2715 2015-02-03 Server-Sent Events \u2715 2015-01-08 Indexed Database API \u2715 2014-03-13 Metadata API for Media Resources 1.0 - (media related) 2014-02-11 Progress Events \u2715 2014-01-16 JSON-LD 1.0 Processing Algorithms and API - 2013-12-12 Performance Timeline - (perf related) 2013-12-12 User Timing - (perf related) 2013-10-31 Widget Interface - 2013-10-29 Page Visibility (Second Edition) \u2715 onviewappear/onviewdisappear 2013-10-10 Touch Events \u2715 2013-02-21 Selectors API Level 1 - 2012-12-17 Navigation Timing - (perf related) 2012-12-17 High Resolution Time - (perf related) 2008-12-22 Element Traversal Specification - DraftsProposed Recommendations last update spec supported 2016-09-15 WebIDL Level 1 - Candidate Recommendations last update spec supported 2016-12-08 Performance Timeline Level 2 - (perf related) 2016-11-22 Page Visibility Level 2 \u2715 onviewappear/o
 nviewdisappear 2016-11-01 High Resolution Time Level 2 - (perf related) 2016-08-18 DeviceOrientation Event Specification \u2715 2016-07-21 Resource Timing Level 1 - (perf related) 2016-07-14 Presentation API - 2016-07-07 Battery Status API \u2715 2016-07-05 Encrypted Media Extensions - 2016-05-19 Media Capture and Streams - (media related) 2014-12-11 Web Cryptography API - 2014-09-09 HTML Media Capture - (media related) 2012-09-20 The WebSocket API \u2715 Last Call Drafts last update spec supported 2011-12-01 Geolocation API Specification Level 2 \u2715 Other Working Drafts last update spec supported 2016-12-09 MediaStream Image Capture - (media related) 2016-12-06 MediaStream Recording - (media related) 2016-12-06 Selection API \u2715 2016-12-05 Input Events \u2715 2016-12-02 Gamepad - 2016-11-29 WebDriver - 2016-11-24 WebRTC 1.0: Real-time Communication Between Browsers \u2715 2016-11-22 Pointer Lock 2.0 - 2016-11-07 Remote Playback API - (media related) 2016-11-03 Resource Timing Level 2 - (perf rela
 ted) 2016-11-02 Audio Output Devices API - (media related) 2016-11-01 Indexed Database API 2.0 \u2715 2016-11-01 User Timing Level 2 - (perf related) 2016-10-31 The Screen Orientation API \u2715 2016-10-31 High Resolution Time Level 3 - (perf related) 2016-10-24 UI Events KeyboardEvent code Values - 2016-10-24 UI Events KeyboardEvent key Values - 2016-10-11 Service Workers 1 \u2715 2016-09-21 Identifiers for WebRTC\u2019s Statistics API - 2016-09-13 Accelerometer Sensor \u2715 2016-09-13 Gyroscope Sensor \u2715 2016-09-13 Magnetometer Sensor \u2715 2016-08-30 Ambient Light Sensor \u2715 2016-08-30 Media Capture from DOM Elements - (media related) 2016-08-30 Generic Sensor API \u2715 2016-08-03 Wake Lock API \u2715 2016-07-19 Proximity Sensor \u2715 2016-07-19 Pointer Events - Level 2 - 2016-07-14 Screen Capture \u2715 2016-07-12 Media Capture Depth Stream Extensions - (media related) 2016-05-17 Cooperative Scheduling of Background Tasks \u2715 2016-04-22 Navigation Timing Level 2 - (perf related) 2016-04-03 Clipboard API
  and events \u2715 clipboard module 2015-12-15 Push API \u2715 2015-12-08 Web Audio API - (media related) 2015-10-15 FindText API - 2015-09-24 Web Workers \u2715 2015-04-21 File API \u2715 2014-02-20 Network Service Discovery \u2715 2012-03-06 MediaStream Capture Scenarios - (media related) 2011-12-15 Audio Processing API - (media related)","type":"references"},{"title":"Weex Variable","path":"references/weex-variable.html","permalink":"https://weex.apache.org/references/weex-variable.html","text":"Weex instance variableEach Weex page has a separate weex variable, which exists in the JS context. They hold a single instance or method of the current Weex page. weex.config This variable contains all the environment information for the current Weex page, including not only: BundleUrl: string: The URL of the JS bundle. Env: Object: environment object. WeexVersion: string: Weex sdk version. AppName: string: application name. AppVersion: string: app version. Platform: string: platform information, that i
 s iOS, Android or Web. OsVersion: string: system version. DeviceModel: string: device model (native application only). DeviceWidth: number: device width, default 750. DeviceHeight: number: device height. weex.requireModule(module: string): Object Get all the methods of a native module, such as: &lt;template&gt; &lt;div&gt;&lt;text&gt;Hello World&lt;/text&gt;&lt;/div&gt; &lt;/template&gt; &lt;script&gt; var modal = weex.requireModule('modal') modal.toast({ message: 'I am a toast.', duration: 3 }) &lt;/script&gt; weex.document: Document Returns the document object of the current Weex page.","type":"references"},{"title":"\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528","path":"cn/guide/integrate-to-your-app.html","permalink":"https://weex.apache.org/cn/guide/integrate-to-your-app.html","text":"\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528\u96c6\u6210\u5230 Android\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002 Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f \u6e90\u7801\u4f9d\u8d56\uff1a\u80fd\u591f\u5feb\u901f\u4f7f\u7528WEEX\u6700\u65b0\u529f\u80fd\uff0c\u53ef\u4ee5\u6839
 \u81ea\u5df1\u9879\u76ee\u7684\u7279\u6027\u8fdb\u884c\u76f8\u5173\u6539\u8fdb\u3002 SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef\u80fd\u9700\u8981\u7ffb\u5899 \u524d\u671f\u51c6\u5907 \u5df2\u7ecf\u5b89\u88c5\u4e86JDK version&gt;=1.7 \u5e76\u914d\u7f6e\u4e86\u73af\u5883\u53d8\u91cf \u5df2\u7ecf\u5b89\u88c5Android SDK \u5e76\u914d\u7f6e\u73af\u5883\u53d8\u91cf\u3002 Android SDK version 23 (compileSdkVersion in build.gradle) SDK build tools version 23.0.1 (buildToolsVersion in build.gradle) Android Support Repository &gt;= 17 (for Android Support Library) \u5feb\u901f\u63a5\u5165\u5982\u679c\u4f60\u662f\u5c1d\u9c9c\u6216\u8005\u5bf9\u7a33\u5b9a\u6027\u8981\u6c42\u6bd4\u8f83\u9ad8\u53ef\u4ee5\u4f7f\u7528\u4f9d\u8d56SDK\u7684\u65b9\u5f0f\u3002\u6b65\u9aa4\u5982\u4e0b\uff1a \u521b\u5efaAndroid\u5de5\u7a0b\uff0c\u6ca1\u6709\u4ec0\u4e48\u8981\u7279\u522b\u8bf4\u660e\u7684\uff0c\u6309\u7167\u4f60\u7684\u4e60\u60ef\u6765\u3002 \u4fee\u6539build.gradle \u52a0\u5165\u5982\u4e0b\u57fa\u7840\u4f9d\u8d56 compile 'com.android.support:recyclerview-v7:23.1.1'compile 'com.android.support:support-v4:23.1.1'compile 'com.android.support:appcompat-v7:23.1.1'compile 'com.alibaba:fastjson:1.1.46.android'compile 'com.taobao.android:weex_sdk:0.5.1@aar' \u6ce8:\u7248\u672c\u53ef\u4ee5\u9ad8\u4e0d\u53ef\u4ee5\u4f4e\u3002 \u4ee3\u7801\u5b9e\u73b0\u6ce8:\u9644\u5f55\u4e2d\u6709\u5b8c
 \u4ee3\u7801\u5730\u5740 \u5b9e\u73b0\u56fe\u7247\u4e0b\u8f7d\u63a5\u53e3\uff0c\u521d\u59cb\u5316\u65f6\u8bbe\u7f6e\u3002 package com.weex.sample;import android.widget.ImageView;import com.taobao.weex.adapter.IWXImgLoaderAdapter;import com.taobao.weex.common.WXImageStrategy;import com.taobao.weex.dom.WXImageQuality;/** * Created by lixinke on 16/6/1. */public class ImageAdapter implements IWXImgLoaderAdapter &#123; @Override public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) &#123; //\u5b9e\u73b0\u4f60\u81ea\u5df1\u7684\u56fe\u7247\u4e0b\u8f7d\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002 &#125;&#125; \u521d\u59cb\u5316 package com.weex.sample;import android.app.Application;import com.taobao.weex.InitConfig;import com.taobao.weex.WXSDKEngine;/** * \u6ce8\u610f\u8981\u5728Manifest\u4e2d\u8bbe\u7f6eandroid:name=\".WXApplication\" * \u8981\u5b9e\u73b0ImageAdapter \u5426\u5219\u56fe\u7247\u4e0d\u80fd\u4e0b\u8f7d * gradle \u4e2d\u4e00\u5b9a\u8981\u6dfb\u52a0\u4e00\u4e9b\u4f9d\u8d56\uff0c\u5426\u5219\u521d\u59cb\u5316\u4f1a\u5931\u8d25\u3002 * compile 'com.android.support:recyclerview-v7:23.1.1' * compile 'com.android.support:support-v4:23.1.1' * compile 'com.andro
 id.support:appcompat-v7:23.1.1' * compile 'com.alibaba:fastjson:1.1.45' */public class WXApplication extends Application &#123; @Override public void onCreate() &#123; super.onCreate(); InitConfig config=new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build(); WXSDKEngine.initialize(this,config); &#125;&#125; \u5f00\u59cb\u6e32\u67d3 package com.weex.sample;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import com.taobao.weex.IWXRenderListener;import com.taobao.weex.WXSDKInstance;import com.taobao.weex.common.WXRenderStrategy;import com.taobao.weex.utils.WXFileUtils;public class MainActivity extends AppCompatActivity implements IWXRenderListener &#123; WXSDKInstance mWXSDKInstance; @Override protected void onCreate(Bundle savedInstanceState) &#123; super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mWXSDKInstance = new WXSDKInstance(this); mWXSDKInstance.registerRenderListener(this); /** * WXSample \u53ef\u4ee5\u66ff
 \u6210\u81ea\u5b9a\u4e49\u7684\u5b57\u7b26\u4e32\uff0c\u9488\u5bf9\u57cb\u70b9\u6709\u6548\u3002 * template \u662f.we transform \u540e\u7684 js\u6587\u4ef6\u3002 * option \u53ef\u4ee5\u4e3a\u7a7a\uff0c\u6216\u8005\u901a\u8fc7option\u4f20\u5165 js\u9700\u8981\u7684\u53c2\u6570\u3002\u4f8b\u5982bundle js\u7684\u5730\u5740\u7b49\u3002 * jsonInitData \u53ef\u4ee5\u4e3a\u7a7a\u3002 * width \u4e3a-1 \u9ed8\u8ba4\u5168\u5c4f\uff0c\u53ef\u4ee5\u81ea\u5df1\u5b9a\u5236\u3002 * height =-1 \u9ed8\u8ba4\u5168\u5c4f\uff0c\u53ef\u4ee5\u81ea\u5df1\u5b9a\u5236\u3002 */ mWXSDKInstance.render(\"WXSample\", WXFileUtils.loadFileContent(\"hello.js\", this), null, null, -1, -1, WXRenderStrategy.APPEND_ASYNC); &#125; @Override public void onViewCreated(WXSDKInstance instance, View view) &#123; setContentView(view); &#125; @Override public void onRenderSuccess(WXSDKInstance instance, int width, int height) &#123; &#125; @Override public void onRefreshSuccess(WXSDKInstance instance, int width, int height) &#123; &#125; @Override public void onException(WXSDKInstance instance, String errCode, String msg) &#123; &#125; @Override protected void onResume() &#123; super.onResume(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActiv
 ityResume(); &#125; &#125; @Override protected void onPause() &#123; super.onPause(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityPause(); &#125; &#125; @Override protected void onStop() &#123; super.onStop(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityStop(); &#125; &#125; @Override protected void onDestroy() &#123; super.onDestroy(); if(mWXSDKInstance!=null)&#123; mWXSDKInstance.onActivityDestroy(); &#125; &#125;&#125; \u6e90\u7801\u4f9d\u8d56(IDE Android Studio) \u4e0b\u8f7d\u6e90\u7801 git clone https://github.com/alibaba/weex \u521b\u5efa Android \u5de5\u7a0b\u3002 \u901a\u8fc7\u4ee5\u4e0b\u8def\u5f84\u5f15\u5165 SDK ModuleFile-&gt;New-Import Module-&gt; \u9009\u62e9 WEEX SDK Module(weex/android/sdk) -&gt; Finish app \u7684 build.gradle \u4e2d\u6dfb\u52a0\u5982\u4e0b\u4f9d\u8d56:compile project(&#39;:weex_sdk&#39;) \u5176\u4ed6\u8bbe\u7f6e\u8bf7\u53c2\u8003\u4e0a\u9762\u5feb\u901f\u63a5\u5165 \u9644\u5f55WXSample\u5730\u5740 https://github.com/xkli/WXSample.git \u96c6\u6210\u5230 iOS\u901a\u8fc7cocoaPods \u96c6\u6210 Weex iOS SDK\u5230\u4f60\u7684\u9879\u76ee\u9996\u5148\u5047\u8bbe\u4f60\u5df2\u7ecf\u5b8c\u6210\u4e86\u5b89\u88c5 iOS \u5f00\u53d1\u73af\u5883 \u548c CocoaPods \u7b2c
 \u6b65\uff1a\u6dfb\u52a0\u4f9d\u8d56\u5bfc\u5165 Weex iOS SDK \u5230\u4f60\u5df2\u6709\u7684\u9879\u76ee, \u5982\u679c\u6ca1\u6709\uff0c\u53ef\u4ee5\u53c2\u8003\u65b0\u5efa\u9879\u76ee\u5728\u7ee7\u7eed\u4e0b\u9762\u5185\u5bb9\u4e4b\u524d\uff0c\u786e\u4fdd\u4f60\u5df2\u6709\u7684\u9879\u76ee\u76ee\u5f55\u6709\u540d\u79f0\u4e3a Podfile \u6587\u4ef6\uff0c\u5982\u679c\u6ca1\u6709\uff0c\u521b\u5efa\u4e00\u4e2a\uff0c\u7528\u6587\u672c\u7f16\u8f91\u5668\u6253\u5f00 \u96c6\u6210 framework WeexSDK \u5728 cocoaPods \u4e0a\u6700\u65b0\u7248\u672c \u53ef\u4ee5\u5728\u8fd9\u83b7\u53d6 \u5728 Podfile \u6587\u4ef6\u4e2d\u6dfb\u52a0\u5982\u4e0b\u5185\u5bb9 source &apos;git@github.com:CocoaPods/Specs.git&apos; target &apos;YourTarget&apos; do platform :ios, &apos;7.0&apos; pod &apos;WeexSDK&apos;, &apos;0.9.5&apos; ## \u5efa\u8bae\u4f7f\u7528WeexSDK\u65b0\u7248\u672c end \u6e90\u7801\u96c6\u6210 \u9996\u5148 \u62f7\u8d1d ios/sdk \u76ee\u5f55\u5230\u4f60\u5df2\u6709\u9879\u76ee\u76ee\u5f55 (\u6b64\u5904\u4ee5\u62f7\u8d1d\u5230\u4f60\u5df2\u6709\u9879\u76ee\u7684\u6839\u76ee\u5f55\u4e3a\u4f8b\u5b50)\uff0c\u7136\u540e\u5728 Podfile \u6587\u4ef6\u4e2d\u6dfb\u52a0 source &apos;git@github.com:CocoaPods/Specs.git&apos; target &apos;YourTarget&apos; do platform :ios, &apos;7.0&apos; pod &apos;WeexSDK&apos;, :path=&gt;&apos;./sdk/&apos; end \u7b2c\u4e8c\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56\u6253\u5f00\u547d\u4ee4\u884c\uff0c\u5207\u6362\u5230\u4f60\u5df2\u6709\u9879\u76ee Podfile \u8fd9\u4e2a\u6587\u4ef6\u5b58\u5728\u7684\u76ee\u5f55
 \u6267\u884c pod install\uff0c\u6ca1\u6709\u51fa\u73b0\u4efb\u4f55\u9519\u8bef\u8868\u793a\u5df2\u7ecf\u5b8c\u6210\u73af\u5883\u914d\u7f6e\u3002 \u7b2c\u4e09\u6b65\uff1a\u521d\u59cb\u5316 Weex \u73af\u5883\u5728 AppDelegate.m \u6587\u4ef6\u4e2d\u505a\u521d\u59cb\u5316\u64cd\u4f5c\uff0c\u4e00\u822c\u4f1a\u5728 didFinishLaunchingWithOptions \u65b9\u6cd5\u4e2d\u5982\u4e0b\u6dfb\u52a0\u3002 //business configuration[WXAppConfiguration setAppGroup:@&quot;AliApp&quot;];[WXAppConfiguration setAppName:@&quot;WeexDemo&quot;];[WXAppConfiguration setAppVersion:@&quot;1.0.0&quot;];//init sdk enviroment [WXSDKEngine initSDKEnviroment];//register custom module and component\uff0coptional[WXSDKEngine registerComponent:@&quot;MyView&quot; withClass:[MyViewComponent class]];[WXSDKEngine registerModule:@&quot;event&quot; withClass:[WXEventModule class]];//register the implementation of protocol, optional[WXSDKEngine registerHandler:[WXNavigationDefaultImpl new] withProtocol:@protocol(WXNavigationProtocol)];//set the log level [WXLog setLogLevel: WXLogLevelAll]; \u7b2c\u56db\u6b65\uff1a\u6e32\u67d3 weex InstanceWeex \u652f\u6301\u6574\u4f53\u9875\u9762\u6e32\u67d3\u548c\u90e8\u5206\u6e32\u67d3\u4e24\u79cd\u6a21\u5f0f\uff0c\u4f60\u9700\u8981
 \u7684\u4e8b\u60c5\u662f\u7528\u6307\u5b9a\u7684 URL \u6e32\u67d3 Weex \u7684 view\uff0c\u7136\u540e\u6dfb\u52a0\u5230\u5b83\u7684\u7236\u5bb9\u5668\u4e0a\uff0c\u7236\u5bb9\u5668\u4e00\u822c\u90fd\u662f viewController\u3002 #import &lt;WeexSDK/WXSDKInstance.h&gt;- (void)viewDidLoad &#123; [super viewDidLoad]; _instance = [[WXSDKInstance alloc] init]; _instance.viewController = self; _instance.frame = self.view.frame; __weak typeof(self) weakSelf = self; _instance.onCreate = ^(UIView *view) &#123; [weakSelf.weexView removeFromSuperview]; [weakSelf.view addSubview:weakSelf.weexView]; &#125;; _instance.onFailed = ^(NSError *error) &#123; //process failure &#125;; _instance.renderFinish = ^ (UIView *view) &#123; //process renderFinish &#125;; [_instance renderWithURL:self.url options:@&#123;@&quot;bundleUrl&quot;:[self.url absoluteString]&#125; data:nil];&#125; WXSDKInstance \u662f\u5f88\u91cd\u8981\u7684\u4e00\u4e2a\u7c7b\uff0c\u63d0\u4f9b\u4e86\u57fa\u7840\u7684\u65b9\u6cd5\u548c\u4e00\u4e9b\u56de\u8c03\uff0c\u5982 renderWithURL, onCreate, onFailed \u7b49\uff0c\u53ef\u4ee5\u53c2\u89c1 WXSDKInstance.h \u7684\u58f0\u660e\u3002 \u7b2c\u4e94\u6b65\uff1a\u9500\u6bc1 Weex Instance \u5728 viewController 
  dealloc \u9636\u6bb5 \u9500\u6bc1\u6389 Weex instance\uff0c\u91ca\u653e\u5185\u5b58\uff0c\u907f\u514d\u9020\u6210\u5185\u5b58\u6cc4\u9732\u3002 - (void)dealloc&#123; [_instance destroyInstance];&#125; \u5bfc\u5165 Weex SDK framework \u5230\u5de5\u7a0b \u53ef\u4ee5\u901a\u8fc7\u6e90\u7801\u7f16\u8bd1\u51fa Weex SDK\uff0c\u53ef\u4ee5\u5728\u65b0\u7684 feature \u6216\u8005 bugfix \u5206\u652f\uff0c\u5c1d\u8bd5\u6700\u65b0\u7684 feature\u3002 \u53c2\u8003\u6b64\u5904\u76f4\u63a5\u5bfc\u5165 weexSDK\u3002","type":"guide"},{"title":"\u642d\u5efa\u5f00\u53d1\u73af\u5883","path":"cn/guide/set-up-env.html","permalink":"https://weex.apache.org/cn/guide/set-up-env.html","text":"\u642d\u5efa\u5f00\u53d1\u73af\u5883\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002 \u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c Weex CLi\u3002 \u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js \u5b98\u7f51 \u4e0b\u8f7d\u53ef\u6267\u884c\u7a0b\u5e8f\u76f4\u63a5\u5b89\u88c5\u5373\u53ef\u3002 \u5bf9\u4e8e Mac\uff0c\u53ef\u4ee5\u4f7f\u7528 Homebrew \u8fdb
 \u5b89\u88c5\uff1a brew install node \u66f4\u591a\u5b89\u88c5\u65b9\u5f0f\u53ef\u53c2\u8003 Node.js \u5b98\u65b9\u4fe1\u606f \u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u68c0\u6d4b\u662f\u5426\u5b89\u88c5\u6210\u529f\uff1a $ node -vv6.3.1$ npm -v3.10.3 \u901a\u5e38\uff0c\u5b89\u88c5\u4e86 Node.js \u73af\u5883\uff0cnpm \u5305\u7ba1\u7406\u5de5\u5177\u4e5f\u968f\u4e4b\u5b89\u88c5\u4e86\u3002\u56e0\u6b64\uff0c\u76f4\u63a5\u4f7f\u7528 npm \u6765\u5b89\u88c5 weex-toolkit\u3002 npm \u662f\u4e00\u4e2a JavaScript \u5305\u7ba1\u7406\u5de5\u5177\uff0c\u5b83\u53ef\u4ee5\u8ba9\u5f00\u53d1\u8005\u8f7b\u677e\u5171\u4eab\u548c\u91cd\u7528\u4ee3\u7801\u3002Weex \u5f88\u591a\u4f9d\u8d56\u6765\u81ea\u793e\u533a\uff0c\u540c\u6837\uff0cWeex \u4e5f\u5c06\u5f88\u591a\u5de5\u5177\u53d1\u5e03\u5230\u793e\u533a\u65b9\u4fbf\u5f00\u53d1\u8005\u4f7f\u7528\u3002 \u6ce8\u610f: weex-toolkit \u5728 1.0.1 \u4e4b\u540e\u624d\u652f\u6301\u521d\u59cb\u5316 Vue \u9879\u76ee\uff0c\u4f7f\u7528\u524d\u8bf7\u786e\u8ba4\u7248\u672c\u662f\u5426\u6b63\u786e\u3002 $ npm install -g weex-toolkit$ weex -vv1.0.3weex-builder : v0.2.4weex-previewer : v1.3.4 \u56fd\u5185\u5f00\u53d1\u8005\u53ef\u4ee5\u8003\u8651\u4f7f\u7528\u6dd8\u5b9d\u7684 npm \u955c\u50cf \u2014\u2014 cnpm \u5b89\u88c5 weex-toolkit $ npm install -g cnpm --registry=https://registry.npm.taobao.org$ cnpm install -g weex-toolkit \u63d0\u793a\uff1a \u5982\u679c\u63d0\u793a\u6743\u9650\u9519\u8bef\uff08permission error\uff09\uff0c\u4f7f\u7528 sudo \u5173\u952e\u5b57\u8fdb\u884c\u5b89\u88c5 $ sudo cnpm install 
 -g weex-toolkit \u5b89\u88c5\u7ed3\u675f\u540e\u4f60\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528 weex \u547d\u4ee4\u9a8c\u8bc1\u662f\u5426\u5b89\u88c5\u6210\u529f\uff0c\u5b83\u4f1a\u663e\u793a weex \u547d\u4ee4\u884c\u5de5\u5177\u5404\u53c2\u6570\uff1a \u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316\u7136\u540e\u521d\u59cb\u5316 Weex \u9879\u76ee\uff1a $ weex init awesome-project \u6267\u884c\u5b8c\u547d\u4ee4\u540e\uff0c\u5728 awesome-project \u76ee\u5f55\u4e2d\u5c31\u521b\u5efa\u4e86\u4e00\u4e2a\u4f7f\u7528 Weex \u548c Vue \u7684\u6a21\u677f\u9879\u76ee\u3002 \u7b2c\u4e09\u6b65\uff1a\u5f00\u53d1\u4e4b\u540e\u6211\u4eec\u8fdb\u5165\u9879\u76ee\u6240\u5728\u8def\u5f84\uff0cweex-toolkit \u5df2\u7ecf\u4e3a\u6211\u4eec\u751f\u6210\u4e86\u6807\u51c6\u9879\u76ee\u7ed3\u6784\u3002 \u5728 package.json \u4e2d\uff0c\u5df2\u7ecf\u914d\u7f6e\u597d\u4e86\u51e0\u4e2a\u5e38\u7528\u7684 npm script\uff0c\u5206\u522b\u662f\uff1a build: \u6e90\u7801\u6253\u5305\uff0c\u751f\u6210 JS Bundle dev: webpack watch \u6a21\u5f0f\uff0c\u65b9\u4fbf\u5f00\u53d1 serve: \u5f00\u542f\u9759\u6001\u670d\u52a1\u5668 debug: \u8c03\u8bd5\u6a21\u5f0f \u6211\u4eec\u5148\u901a\u8fc7 npm install \u5b89\u88c5\u9879\u76ee\u4f9d\u8d56\u3002\u4e4b\u540e\u8fd0\u884c npm run dev \u548c npm run serve \u5f00\u542fwatch \u6a21\u5f0f\u548c\u9759\u6001\u670d\u52a1\u5668\u3002 \u7136\u540e\u6211\u4eec\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u8fdb\u5165 http://localhost:8080/index.html \u5373\u53ef\u770b\u5230 weex h5 \u9875\u9762\u3002 \u521d\u59cb\u5316\u65f6\u5df2\u7ecf\u4e3a\u6211\u4eec\u521b\u5efa\u4e86\u57fa\u672c\u7684\u793a\u4f8b\uff0c\u6211\u4eec\u53ef\u4ee5\u5728 src/foo.vue \u4e2d\u67e5\u770b\u3002 \u4ee3\u7801\u5982\u4e0b\u6240
 \uff1a &lt;template&gt; &lt;div class=\"wrapper\"&gt; &lt;text class=\"weex\"&gt;Hello Weex !&lt;/text&gt; &lt;text class=\"vue\"&gt;Hello Vue !&lt;/text&gt; &lt;/div&gt;&lt;/template&gt;&lt;style scoped&gt; .wrapper &#123; flex-direction: column; justify-content: center; &#125; .weex &#123; font-size: 60px; text-align: center; color: #1B90F7; &#125; .vue &#123; font-size: 60px; text-align: center; margin-top: 30px; color: #41B883; &#125;&lt;/style&gt; \u5173\u4e8e Weex \u8bed\u6cd5\u90e8\u5206\uff0c\u4f60\u53ef\u4ee5\u76f4\u63a5\u53c2\u8003 Vue Guide\uff0c\u8fd9\u91cc\u4e0d\u518d\u91cd\u590d\u4ecb\u7ecd\u3002\u5982\u679c\u60a8\u60f3\u4e86\u89e3\u6709\u5173\u6280\u672f\u8be6\u60c5\u7684\u66f4\u591a\u4fe1\u606f\uff0c\u8bf7\u7ee7\u7eed\u9605\u8bfb\u4e0b\u4e00\u8282\u3002\u5e76\u4e14\u4e0d\u8981\u5fd8\u8bb0\u5728 dotWe \u5199\u4ee3\u7801\u5e76\u968f\u65f6\u9884\u89c8\u3002","type":"guide"},{"title":"\u989c\u8272\u540d\u79f0\u5217\u8868","path":"cn/references/color-names.html","permalink":"https://weex.apache.org/cn/references/color-names.html","text":"Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd: \u989c\u8272\u540d \u5341\u516d\u8fdb\u5236RGB\u503c black(\u9ed1) #000000 silver(\u94f6) #C0C0C0 gray(\u7070) #808080 white(\u767d) #
 FFFFFF maroon(\u8910\u7d2b\u7ea2) #800000 red(\u7ea2) #FF0000 purple(\u7d2b) #800080 fuchsia(\u665a\u6a31) #FF00FF green(\u7eff) #008000 lime(\u77f3\u7070) #00FF00 olive(\u6a44\u6984) #808000 yellow(\u9ec4) #FFFF00 navy(\u6d77\u519b\u84dd) #000080 blue(\u84dd) #0000FF teal(\u6c34\u9e2d) #008080 aqua(\u6c34\u84dd) #00FFFF \u6269\u5c55\u989c\u8272\u5173\u952e\u8bcd: \u989c\u8272\u540d \u5341\u516d\u8fdb\u5236RGB\u503c aliceblue #F0F8FF antiquewhite #FAEBD7 aqua #00FFFF aquamarine #7FFFD4 azure #F0FFFF beige #F5F5DC bisque #FFE4C4 black #000000 blanchedalmond #FFEBCD blue #0000FF blueviolet #8A2BE2 brown #A52A2A burlywood #DEB887 cadetblue #5F9EA0 chartreuse #7FFF00 chocolate #D2691E coral #FF7F50 cornflowerblue #6495ED cornsilk #FFF8DC crimson #DC143C cyan #00FFFF darkblue #00008B darkcyan #008B8B darkgoldenrod #B8860B darkgray #A9A9A9 darkgreen #006400 darkgrey #A9A9A9 darkkhaki #BDB76B darkmagenta #8B008B darkolivegreen #556B2F darkorange #FF8C00 darkorchid #9932CC darkred #8B0000 darksalmon #E9967A darkseagreen #8FBC8F darkslateblue #483D8B darkslategray #2F4F4F darkslategrey #2F4F4F dar
 kturquoise #00CED1 darkviolet #9400D3 deeppink #FF1493 deepskyblue #00BFFF dimgray #696969 dimgrey #696969 dodgerblue #1E90FF firebrick #B22222 floralwhite #FFFAF0 forestgreen #228B22 fuchsia #FF00FF gainsboro #DCDCDC ghostwhite #F8F8FF gold #FFD700 goldenrod #DAA520 gray #808080 green #008000 greenyellow #ADFF2F grey #808080 honeydew #F0FFF0 hotpink #FF69B4 indianred #CD5C5C indigo #4B0082 ivory #FFFFF0 khaki #F0E68C lavender #E6E6FA lavenderblush #FFF0F5 lawngreen #7CFC00 lemonchiffon #FFFACD lightblue #ADD8E6 lightcoral #F08080 lightcyan #E0FFFF lightgoldenrodyellow #FAFAD2 lightgray #D3D3D3 lightgreen #90EE90 lightgrey #D3D3D3 lightpink #FFB6C1 lightsalmon #FFA07A lightseagreen #20B2AA lightskyblue #87CEFA lightslategray #778899 lightslategrey #778899 lightsteelblue #B0C4DE lightyellow #FFFFE0 lime #00FF00 limegreen #32CD32 linen #FAF0E6 magenta #FF00FF maroon #800000 mediumaquamarine #66CDAA mediumblue #0000CD mediumorchid #BA55D3 mediumpurple #9370DB mediumseagreen #3CB371 med
 iumslateblue #7B68EE mediumspringgreen #00FA9A mediumturquoise #48D1CC mediumvioletred #C71585 midnightblue #191970 mintcream #F5FFFA mistyrose #FFE4E1 moccasin #FFE4B5 navajowhite #FFDEAD navy #000080 oldlace #FDF5E6 olive #808000 olivedrab #6B8E23 orange #FFA500 orangered #FF4500 orchid #DA70D6 palegoldenrod #EEE8AA palegreen #98FB98 paleturquoise #AFEEEE palevioletred #DB7093 papayawhip #FFEFD5 peachpuff #FFDAB9 peru #CD853F pink #FFC0CB plum #DDA0DD powderblue #B0E0E6 purple #800080 red #FF0000 rosybrown #BC8F8F royalblue #4169E1 saddlebrown #8B4513 salmon #FA8072 sandybrown #F4A460 seagreen #2E8B57 seashell #FFF5EE sienna #A0522D silver #C0C0C0 skyblue #87CEEB slateblue #6A5ACD slategray #708090 slategrey #708090 snow #FFFAFA springgreen #00FF7F steelblue #4682B4 tan #D2B48C teal #008080 thistle #D8BFD8 tomato #FF6347 turquoise #40E0D0 violet #EE82EE wheat #F5DEB3 white #FFFFFF whitesmoke #F5F5F5 yellow #FFFF00 yellowgreen #9ACD32","type":"references"},{"title":"Android APIs","
 path":"cn/references/android-apis.html","permalink":"https://weex.apache.org/cn/references/android-apis.html","text":"Android APIsWeex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1ahttps://github.com/weexteam/article/issues/25 WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a \u8bbe\u7f6e\u76f8\u5173 Adapter \u548c\u83b7\u53d6 adapter\u3002 \u6ce8\u518c\u81ea\u5b9a\u4e49 module \u548c component \u91cd\u7f6e JSFramework Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Native \u901a\u7528\u5e93\u63d0\u4f9b\u4e86\u5bf9\u5e94\u7684\u63a5\u53e3\u8fdb\u884c\u8bbe\u7f6e\u3002 IWXImgLoaderAdapter \u56fe\u7247\u9002\u914d\u5668\u3002 Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 View \u548c URL \u900f\u9732\u51fa\u6765\uff0cNative \u7aef\u9700\u8981\u5b9e\u73b0\u8fd9\u4e2a\u63a5\u53e3\u8fdb\u884c\u56fe\u7247\u4e0b\u8f7d\u3002 Weex \u6ca1\u6709\u63d0\u4f9b\u56fe\u7247\u9ed8\u8ba4\u5b9e\u73b0\u3002 \u63a5\u53e3\u5b9a\u4e49\u5982\u4e0b\uff1a public interface IWXImgLoaderAdapter &#123; void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy);&#125; WXImageQuality \u8868\u793a\u56fe\u7247\u7684\u8d28\u91cf\uff0cWXImageQuality \u53d6\u5982\u4e0b\u503c LOW, NORMAL, HIGH, ORIGINAL \u56fe\u7247\u8d28\u91cf\u4f9d\u6b21\u53d8\u9ad8\u3002\u9ed8\u8ba4\u4e3a LOW\u3002WXImageStrategy \u4e3a\u6269\u5c55\u7c7b\uff0c\u8868
 \u4e86\u56fe\u7247\u662f\u5426\u53ef\u4ee5\u88c1\u526a (isClipping) \u9510\u5316 (isSharpen) \u5360\u4f4d\u7b26 (placeHolder) \u7b49\u3002 IWXHttpAdapter \u7f51\u7edc\u4e0b\u8f7d\u9002\u914d\u5668\u3002 Weex \u81ea\u5b9a\u4e49\u4e86 WXRequest \u548c OnHttpListener\uff0cNative \u91cd\u8f7d\u63a5\u53e3\u540e\u53ef\u4ee5\u4ece Request \u4e2d\u83b7\u53d6URL\uff0cHeader \u7b49\u53c2\u6570\uff0c\u7f51\u7edc\u8bf7\u6c42\u5b8c\u6210\u540e\u53ef\u4ee5\u901a\u8fc7 OnHttpListener \u8fdb\u884c\u56de\u8c03\u901a\u77e5\u3002Weex \u63d0\u4f9b\u4e86\u9ed8\u8ba4\u7f51\u7edc\u8bf7\u6c42\uff1aDefaultWXHttpAdapter\uff0c \u4f7f\u7528\u7684\u662f HttpURLConnection \u8fdb\u884c\u7f51\u7edc\u8bf7\u6c42\u3002 \u63a5\u53e3\u5b9a\u4e49\u5982\u4e0b\uff1a public interface IWXHttpAdapter &#123; void sendRequest(WXRequest request, OnHttpListener listener);&#125; WXRequest \u5b9a\u4e49\u4e86\u7f51\u7edc\u8bf7\u6c42\u76f8\u5173\u7684\u53c2\u6570\uff0c\u8bf7\u6c42\u65b9\u6cd5\uff0c\u8bf7\u6c42\u4e3b\u4f53\uff0c\u8d85\u65f6\u65f6\u95f4\u3002Weex\u9ed8\u8ba4\u8d85\u65f6\u65f6\u95f4\u662f3000. OnHttpListener \u5b9a\u4e49\u4e86\u7f51\u7edc\u8bf7\u6c42\u7ed3\u675f\u540e\u5bf9\u5e94\u65b9\u6cd5\u3002\u5b9a\u4e49\u5982\u4e0b\uff1a interface OnHttpListener &#123; /** * start request */ void onHttpStart(); /** * headers received */ void onHeadersReceived(int statusCode,Map&lt;String,List&lt;String&gt;&gt; headers); /** * post progress * @param uploadProgress
  */ void onHttpUploadProgress(int uploadProgress); /** * response loaded length (bytes), full length should read from headers (content-length) * @param loadedLength */ void onHttpResponseProgress(int loadedLength); /** * http response finish * @param response */ void onHttpFinish(WXResponse response);&#125; IWXUserTrackAdapter Weex \u76f8\u5173\u6027\u80fd\u6570\u636e (\u9996\u5c4f\u52a0\u8f7d\u65f6\u95f4\u3001JS-Native \u901a\u4fe1\u65f6\u95f4\u3001dom \u66f4\u65b0\u65f6\u95f4\u7b49) \u548c\u5176\u4ed6\u901a\u7528\u4fe1\u606f (JSLib \u6587\u4ef6\u5927\u5c0f, Weex SDK \u7248\u672c\u53f7\u7b49)\u3002 \u63a5\u53e3\u5b9a\u4e49\uff1a public interface IWXUserTrackAdapter &#123; void commit(Context context, String eventId, String type, WXPerformance perf, Map&lt;String, Serializable&gt; params);&#125; Native \u5b9e\u73b0\u63a5\u53e3\u540e\u53ef\u4ee5\u901a\u8fc7 WXPerformance \u548c params \u83b7\u53d6\u5bf9\u5e94\u7684\u4fe1\u606f\u3002WXPerformane \u5bf9\u5e94\u5b57\u6bb5\u8868\u793a\u542b\u4e49\u8bf7\u53c2\u8003\u6587\u6863\uff1ahttps://github.com/weexteam/article/issues/124 \u540e\u7eed\u968f\u7740\u5f00\u53d1 Weex \u8fd8\u4f1a\u5b9a\u4e49\u66f4\u591a\u7684 Adapter\uff0c\u6b64\u6587\u6863\u4e5f\u4f1a\u5b9a\u65f6\u66f4\u65b0\u3002 Native \u548c JS \u901a\u4fe1 \u81ea\u5b9a\u4e49\u4e8b\u4ef6\u901a\u77e5 \u591a\u7528
 \u4e8e\u67d0\u4e2a\u81ea\u5b9a\u4e49\u63a7\u4ef6\u8fdb\u884c\u4e8b\u4ef6\u901a\u77e5\uff0c\u4f8b\u5982\u81ea\u5b9a\u4e49\u70b9\u51fb\u4e8b\u4ef6\uff0c\u54cd\u5e94\u4e0b\u62c9\u4e8b\u4ef6\u7b49\u3002 WXSDKInstance.java public void fireEvent(String elementRef,final String type, final Map&lt;String, Object&gt; data,final Map&lt;String, Object&gt; domChanges)&#123; &#125;public void fireEvent(String elementRef,final String type, final Map&lt;String, Object&gt; data)&#123; fireEvent(elementRef,type,data,null);&#125;public void fireEvent(String elementRef, String type)&#123; fireEvent(ref,type,new HashMap&lt;String, Object&gt;());&#125; elementRef\uff1a\u4e8b\u4ef6\u53d1\u751f\u7684\u63a7\u4ef6 ID\u3002 type: \u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff0cWeex \u9ed8\u8ba4\u4ee5 onXxxxx \u5f00\u5934\u4e3a\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u3002onPullDown (\u4e0b\u62c9\u4e8b\u4ef6)\u3002 data: \u9700\u8981\u900f\u51fa\u7684\u53c2\u6570\uff0c\u4f8b\u5982\u5f53\u524d\u63a7\u4ef6\u7684\u5927\u5c0f\uff0c\u5750\u6807\u7b49\u5176\u4ed6\u4fe1\u606f\u3002 domChanges\uff1a\u66f4\u65b0 ref \u5bf9\u5e94\u63a7\u4ef6\u7684 Attribute \u548c Style\u3002 \u4e8b\u4ef6\u56de\u8c03 \u591a\u7528\u4e8e Module \u56de\u8c03\uff0c\u4f8b\u5982\u5b9a\u4f4d Module \u5b8c\u6210\u540e\u9700\u8981\u901a\u77e5 JS\u3002\u4f7f\u7528\u65b9\u6cd5\u5982\u4e0b\uff1a public class WXLocation extends WXModule &#123; @JSMethod
  public void getLocation(JSCallback callback)&#123; //\u83b7\u53d6\u5b9a\u4f4d\u4ee3\u7801..... Map&lt;String,String&gt; data=new HashMap&lt;&gt;(); data.put(\"x\",\"x\"); data.put(\"y\",\"y\"); //\u901a\u77e5\u4e00\u6b21 callback.invoke(data); //\u6301\u7eed\u901a\u77e5 callback.invokeAndKeepAlive(data); //invoke\u65b9\u6cd5\u548cinvokeAndKeepAlive\u4e24\u4e2a\u65b9\u6cd5\u4e8c\u9009\u4e00 &#125;&#125; \u6ce8\u518c\u6ed1\u52a8\u4e8b\u4ef6Weex \u83b7\u53d6\u6ed1\u52a8\u4e8b\u4ef6\u53ef\u4ee5\u901a\u8fc7 WXSDKInstance \u6ce8\u518c registerOnWXScrollListener \u76d1\u542c \u63a5\u53e3\u5b9a\u4e49\u5982\u4e0b\uff1a public interface OnWXScrollListener &#123; /** * The view is not currently scrolling. */ int IDLE = RecyclerView.SCROLL_STATE_IDLE; /** * The view is currently being dragged by outside input such as user touch input. */ int DRAGGING = RecyclerView.SCROLL_STATE_DRAGGING; /** * The view is currently animating to a final position while not under * outside control. */ int SETTLING = RecyclerView.SCROLL_STATE_SETTLING; /** * Callback method to be invoked when the view has been scrolled. This will be * called after the scroll has c
 ompleted. * &lt;p&gt; * This callback will also be called if visible item range changes after a layout * calculation. In that case, dx and dy will be 0. * */ void onScrolled(View view, int x, int y); /** * Callback method to be invoked when view's scroll state changes. * */ void onScrollStateChanged(View view, int x, int y, int newState);&#125; \u81ea\u5b9a\u4e49NavBarWeex \u63d0\u4f9b\u4e86 WXNavigatorModule \u8fdb\u884c\u5bfc\u822a\u63a7\u5236\uff0c\u5bf9\u5e94\u7684\u65b9\u6cd5\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e IActivityNavBarSetter \u63a5\u53e3\u8fdb\u884c\u5b9a\u5236\u3002 \u4f7f\u7528\u65b9\u6cd5: WXSDKEngine.setActivityNavBarSetter(new IActivityNavBarSetter()&#123;&#125;); \u5176\u4ed6\u4ecb\u7ecd\u52a8\u6001\u9002\u914d\u5bb9\u5668\u56e0\u4e3a Android \u624b\u673a\u7684\u788e\u7247\u5316\u5bfc\u81f4\u5c4f\u5e55\u9002\u914d\u5f88\u56f0\u96be\u3002Weex \u5bf9\u5916\u63d0\u4f9b\u7684\u63a5\u53e3 render \u9700\u8981\u52a8\u6001\u4f20\u5165\u5bb9\u5668\u7684\u5bbd\u9ad8\uff0c\u4f46\u662f\u4f20\u5165\u7684\u5bbd\u9ad8\u6709\u65f6\u4f1a\u53d1\u751f\u53d8\u5316\uff0c\u4f8b\u5982 ActionBar \u9690\u85cf\u7b49\uff0c\u8fd9\u662f\u4f20\u5165\u7684 Weex \u5bb9\u5668\u4e5f\u8981\u8fdb\u884c\u5bf9\u5e94\u7684\u53d8\u5316\u3002\u4e3a\u4e86\u9002\u5e94\u8fd9\u79cd\u53d8\u5316\uff0cWeex \u63d0\u4f9b\u4e86\u63a5\u53e3 WXSDKInstance.setSize(int width, int height) \u6765\u6539\u53d8\u5bb9\u5668\u7684\u5927\u5c0f
 \u3002 /** * * @param width \u5bb9\u5668\u5bbd\u5ea6 * @param height \u5bb9\u5668\u9ad8\u5ea6 */ public void setSiz

<TRUNCATED>