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

[07/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/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>