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:31 UTC

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

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>