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

[01/39] incubator-weex-site git commit: * update site

Repository: incubator-weex-site
Updated Branches:
  refs/heads/asf-site c67ae26d3 -> 22906b6fa


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/transformer.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/transformer.html b/content/v-0.10/tools/transformer.html
index 5c287cf..3fde53f 100644
--- a/content/v-0.10/tools/transformer.html
+++ b/content/v-0.10/tools/transformer.html
@@ -5,49 +5,6 @@
   
   <title>Transformer | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="gulp-weex
 gulp plugin for weex transformer
 
@@ -60,7 +17,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
 gulp plugin for weex transformer
 
 Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos;)gulp.task(&apos;default&apos;, function () &amp;#123;  return gulp.src(&apos;src/*.html&apos;)    .pipe(weex(&amp;#123;&amp;#1">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Transformer">
 <meta name="twitter:description" content="gulp-weex
@@ -124,13 +81,29 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/transformer.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/transformer.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -167,7 +140,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -298,7 +271,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="gulp-weex"><a href="#gulp-weex" class="headerlink" title="gulp-weex"></a>gulp-weex</h1><blockquote>
 <p>gulp plugin for weex transformer</p>
@@ -329,7 +302,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           <a href="/v-0.10/tools/transformer.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/transformer.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/transformer.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[06/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/index.html b/content/v-0.10/guide/how-to/index.html
index 3519a8d..d9dcecd 100644
--- a/content/v-0.10/guide/how-to/index.html
+++ b/content/v-0.10/guide/how-to/index.html
@@ -5,49 +5,6 @@
   
   <title>Preview in browser | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Preview in browser">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
 <meta property="og:image" content="https://gtms02.alicdn.com/tps/i2/TB1y151LVXXXXXXaXXXoRYgWVXX-495-584.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Preview in browser">
 <meta name="twitter:description" content="How to preview weex code in browser ?weex-toolkitWe strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -549,7 +522,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-preview-weex-code-in-browser"><a href="#How-to-preview-weex-code-in-browser" class="headerlink" title="How to preview weex code in browser ?"></a>How to preview weex code in browser ?</h1><h2 id="weex-toolkit"><a href="#weex-toolkit" class="headerlink" title="weex-toolkit"></a>weex-toolkit</h2><p>We strongly suggest you use weex-toolkit to preview weex code in your browser. This tool is Node.JS based, so you need to install Node at first. Please download and install latest stable version of Node from <a href="https://nodejs.org/en/download/stable/" target="_blank" rel="external">https://nodejs.org/en/download/stable/</a>. Then you can install weex-toolkit using npm install:</p>
 <figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div></pre></td></tr></table></figure>
@@ -580,7 +553,7 @@
           <a href="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/preview-in-playground-app.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/preview-in-playground-app.html b/content/v-0.10/guide/how-to/preview-in-playground-app.html
index b2fa16c..b4189f4 100644
--- a/content/v-0.10/guide/how-to/preview-in-playground-app.html
+++ b/content/v-0.10/guide/how-to/preview-in-playground-app.html
@@ -5,49 +5,6 @@
   
   <title>Preview in native | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to preview weex code in sample-app ?Weex Sample Step By Step
 Clone Weex from github https://github.com/alibaba/weex/
 Use Android Studio open Android Sample \u3002
@@ -65,7 +22,7 @@ into Sample homePa">
 <meta property="og:image" content="https://gtms01.alicdn.com/tps/i1/TB10Ox2MpXXXXXKXpXXA0gJJXXX-720-1280.png">
 <meta property="og:image" content="https://gtms04.alicdn.com/tps/i4/TB1Ph05MpXXXXcHXXXX2YSA3pXX-540-960.jpg">
 <meta property="og:image" content="https://gtms03.alicdn.com/tps/i3/TB1ehVLMpXXXXa.XVXX2YSA3pXX-540-960.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Preview in native">
 <meta name="twitter:description" content="How to preview weex code in sample-app ?Weex Sample Step By Step
@@ -131,13 +88,29 @@ into Sample homePa">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -154,7 +127,7 @@ into Sample homePa">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -563,7 +536,7 @@ into Sample homePa">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-preview-weex-code-in-sample-app"><a href="#How-to-preview-weex-code-in-sample-app" class="headerlink" title="How to preview weex code in sample-app ?"></a>How to preview weex code in sample-app ?</h1><h3 id="Weex-Sample-Step-By-Step"><a href="#Weex-Sample-Step-By-Step" class="headerlink" title="Weex Sample Step By Step"></a>Weex Sample Step By Step</h3><ol>
 <li>Clone Weex from github <a href="https://github.com/alibaba/weex/" target="_blank" rel="external"><code>https://github.com/alibaba/weex/</code></a></li>
@@ -595,7 +568,7 @@ into Sample homePa">
           <a href="/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/preview-in-playground-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/require-3rd-party-libs.html b/content/v-0.10/guide/how-to/require-3rd-party-libs.html
index 0fc567c..04ec6ec 100644
--- a/content/v-0.10/guide/how-to/require-3rd-party-libs.html
+++ b/content/v-0.10/guide/how-to/require-3rd-party-libs.html
@@ -5,56 +5,13 @@
   
   <title>Require 3rd Party Libs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &amp;lt;script&amp;gt; tag in one component. But there must be some common functio">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Require 3rd Party Libs">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/require-3rd-party-libs.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &amp;lt;script&amp;gt; tag in one component. But there must be some common functio">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Require 3rd Party Libs">
 <meta name="twitter:description" content="How to require 3rd Party Libs ?In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in &amp;lt;script&amp;gt; tag in one component. But there must be some common functio">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-require-3rd-Party-Libs"><a href="#How-to-require-3rd-Party-Libs" class="headerlink" title="How to require 3rd Party Libs ?"></a>How to require 3rd Party Libs ?</h1><p>In the paragraph Maintain Your Component Code, we learn that JavaScript code can be written in <code>&lt;script&gt;</code> tag in one component. But there must be some common functions or modules in your project, such as parsing url params, extending properties from some objects to another object and so on. It\u2019s a bad practice to copy and paste them in each component, therefore there\u2019s a urgent need of <code>require</code>. Weex provides CommonJS <code>require</code> syntax for developers.</p>
 <p>Let take <code>extend</code> for example.</p>
@@ -580,7 +553,7 @@
           <a href="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html b/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
index a3f4381..7d2a8b2 100644
--- a/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
+++ b/content/v-0.10/guide/how-to/transform-code-into-js-bundle.html
@@ -5,56 +5,13 @@
   
   <title>Transform Code into Js Bundle | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Transform Code into Js Bundle">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/transform-code-into-js-bundle.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Transform Code into Js Bundle">
 <meta name="twitter:description" content="Transform Code into Js BundleParagraphs Maintain Your Component Code and Require 3rd Party Libs show us how to write and organize weex code. However, Weex DSL code must be transformed to js bundle so">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Transform-Code-into-Js-Bundle"><a href="#Transform-Code-into-Js-Bundle" class="headerlink" title="Transform Code into Js Bundle"></a>Transform Code into Js Bundle</h1><p>Paragraphs Maintain Your Component Code and <a href="./require-3rd-party-libs.html">Require 3rd Party Libs</a> show us how to write and organize weex code. However, Weex DSL code must be transformed to <code>js bundle</code> so that <code>js framework</code> can parse and execute it for iOS, Android and HTML5 portal. For more information, please refer to <a href="../../advanced/how-it-works.html">How It Works
 </a> and <a href="../../references/specs/js-bundle-format.html">JS Bundle Format</a>.</p>
@@ -611,7 +584,7 @@
           <a href="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/index.html b/content/v-0.10/guide/index.html
index faff7a8..83070bf 100644
--- a/content/v-0.10/guide/index.html
+++ b/content/v-0.10/guide/index.html
@@ -5,49 +5,6 @@
   
   <title>Tutorial | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="TutorialWe will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.
 Getting StartedLet\u2019s">
 <meta property="og:type" content="website">
@@ -60,7 +17,7 @@ Getting StartedLet\u2019s">
 <meta property="og:image" content="https://weex.apache.org/images/tut-cli-qrcode.png">
 <meta property="og:image" content="https://weex.apache.org/images/tut-second.png">
 <meta property="og:image" content="https://weex.apache.org/images/tut4.gif">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Tutorial">
 <meta name="twitter:description" content="TutorialWe will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.
@@ -123,13 +80,29 @@ Getting StartedLet\u2019s">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@ Getting StartedLet\u2019s">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -555,7 +528,7 @@ Getting StartedLet\u2019s">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Tutorial"><a href="#Tutorial" class="headerlink" title="Tutorial"></a>Tutorial</h1><p>We will make a simple but realistic list, in which the technologies Weex uses will be shown. This form of list also works for a lot of e-commercial apps and mobile sites.</p>
 <h2 id="Getting-Started"><a href="#Getting-Started" class="headerlink" title="Getting Started"></a>Getting Started</h2><p>Let\u2019s get started with the list item, which contains one <code>image</code> element and one <code>text</code> right behind.</p>
@@ -616,7 +589,7 @@ Getting StartedLet\u2019s">
           <a href="/v-0.10/guide/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/comm.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/comm.html b/content/v-0.10/guide/syntax/comm.html
index ee0e3d2..5ebffeb 100644
--- a/content/v-0.10/guide/syntax/comm.html
+++ b/content/v-0.10/guide/syntax/comm.html
@@ -5,56 +5,13 @@
   
   <title>Communications | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Communications">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/comm.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Communications">
 <meta name="twitter:description" content="Communicate Between ComponentsFor Child-Parent CommunicationChildren component can use this.$dispatch([String type], [Object detail]) method passing information to parent component. first argument mea">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Communicate-Between-Components"><a href="#Communicate-Between-Components" class="headerlink" title="Communicate Between Components"></a>Communicate Between Components</h1><h2 id="For-Child-Parent-Communication"><a href="#For-Child-Parent-Communication" class="headerlink" title="For Child-Parent Communication"></a>For Child-Parent Communication</h2><p>Children component can use <code>this.$dispatch([String type], [Object detail])</code> method passing information to parent component. first argument meaning type of message , second argument is the message object. If any parent of the child component register the same type of listener using <code>$on([String type], [Function callback])</code> method , the callback will be execute with one argument , the message object will be <code>detail</code> property of the the argument.</p>
 <p>eg:</p>
@@ -582,7 +555,7 @@
           <a href="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/composed-component.html b/content/v-0.10/guide/syntax/composed-component.html
index b3a178a..3fafc55 100644
--- a/content/v-0.10/guide/syntax/composed-component.html
+++ b/content/v-0.10/guide/syntax/composed-component.html
@@ -5,49 +5,6 @@
   
   <title>Composed Component | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
 You can create a file named foo.we to define a composed component, the componen">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ You can create a file named foo.we to define a composed component, the componen"
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
 You can create a file named foo.we to define a composed component, the componen">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Composed Component">
 <meta name="twitter:description" content="Composed ComponentIf some part of weex file is reused often, you could create a composed component represent these part.
@@ -118,13 +75,29 @@ You can create a file named foo.we to define a composed component, the componen"
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ You can create a file named foo.we to define a composed component, the componen"
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -550,7 +523,7 @@ You can create a file named foo.we to define a composed component, the componen"
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Composed-Component"><a href="#Composed-Component" class="headerlink" title="Composed Component"></a>Composed Component</h1><p>If some part of weex file is reused often, you could create a composed component represent these part.</p>
 <p>You can create a file named <code>foo.we</code> to define a composed component, the component name is just <code>&lt;foo&gt;</code>.</p>
@@ -591,7 +564,7 @@ You can create a file named foo.we to define a composed component, the componen"
           <a href="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/config-n-data.html b/content/v-0.10/guide/syntax/config-n-data.html
index 0e79c51..3c2876f 100644
--- a/content/v-0.10/guide/syntax/config-n-data.html
+++ b/content/v-0.10/guide/syntax/config-n-data.html
@@ -5,49 +5,6 @@
   
   <title>Page Config &amp; Data | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Page Config &amp;amp; DataYou can write some instance config and data in some additional &amp;lt;script&amp;gt; at the top-level Weex component.
 
 the instance config could declare some meta informations like whic">
@@ -58,7 +15,7 @@ the instance config could declare some meta informations like whic">
 <meta property="og:description" content="Page Config &amp;amp; DataYou can write some instance config and data in some additional &amp;lt;script&amp;gt; at the top-level Weex component.
 
 the instance config could declare some meta informations like whic">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Page Config & Data">
 <meta name="twitter:description" content="Page Config &amp;amp; DataYou can write some instance config and data in some additional &amp;lt;script&amp;gt; at the top-level Weex component.
@@ -121,13 +78,29 @@ the instance config could declare some meta informations like whic">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ the instance config could declare some meta informations like whic">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -553,7 +526,7 @@ the instance config could declare some meta informations like whic">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Page-Config-amp-Data"><a href="#Page-Config-amp-Data" class="headerlink" title="Page Config &amp; Data"></a>Page Config &amp; Data</h1><p>You can write some instance config and data in some additional <code>&lt;script&gt;</code> at the <strong>top-level</strong> Weex component.</p>
 <ul>
@@ -589,7 +562,7 @@ the instance config could declare some meta informations like whic">
           <a href="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/data-binding.html b/content/v-0.10/guide/syntax/data-binding.html
index 3293657..ecab1c7 100644
--- a/content/v-0.10/guide/syntax/data-binding.html
+++ b/content/v-0.10/guide/syntax/data-binding.html
@@ -5,56 +5,13 @@
   
   <title>Data-Binding | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &amp;lt;template&amp;gt; which are defined in &amp;lt;script&amp;gt;. Once data and template is bound, the data changes will influence the corre">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Data-Binding">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/data-binding.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &amp;lt;template&amp;gt; which are defined in &amp;lt;script&amp;gt;. Once data and template is bound, the data changes will influence the corre">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Data-Binding">
 <meta name="twitter:description" content="Data-BindingIn Weex, we use the mustache syntax {{...}} to bind data in &amp;lt;template&amp;gt; which are defined in &amp;lt;script&amp;gt;. Once data and template is bound, the data changes will influence the corre">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Data-Binding"><a href="#Data-Binding" class="headerlink" title="Data-Binding"></a>Data-Binding</h1><p>In Weex, we use the <em>mustache</em> syntax <code>{{...}}</code> to bind data in <code>&lt;template&gt;</code> which are defined in <code>&lt;script&gt;</code>. Once data and template is bound, the data changes will influence the corresponding template content immediately and automatically.</p>
 <h2 id="Binding-data-path"><a href="#Binding-data-path" class="headerlink" title="Binding data path"></a>Binding data path</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">container</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: &#123;&#123;size&#125;&#125;"</span>&gt;</span>&#123;&#123;title&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">container</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><di
 v class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">size</span>: <span class="number">48</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Alibaba Weex Team'</span></div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -611,7 +584,7 @@
           <a href="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/display-logic.html b/content/v-0.10/guide/syntax/display-logic.html
index 5192fd7..8e49948 100644
--- a/content/v-0.10/guide/syntax/display-logic.html
+++ b/content/v-0.10/guide/syntax/display-logic.html
@@ -5,49 +5,6 @@
   
   <title>Display Logic Control | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
 
 Notes: The display logic could\u2019t apply o">
@@ -58,7 +15,7 @@ Notes: The display logic could\u2019t apply o">
 <meta property="og:description" content="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
 
 Notes: The display logic could\u2019t apply o">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Display Logic Control">
 <meta name="twitter:description" content="Display Logic ControlThere are two attributes for display logic control: if and repeat. We can create Weex page structure and effects more flexible with them.
@@ -121,13 +78,29 @@ Notes: The display logic could\u2019t apply o">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Notes: The display logic could\u2019t apply o">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -553,7 +526,7 @@ Notes: The display logic could\u2019t apply o">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Display-Logic-Control"><a href="#Display-Logic-Control" class="headerlink" title="Display Logic Control"></a>Display Logic Control</h1><p>There are two attributes for display logic control: <code>if</code> and <code>repeat</code>. We can create Weex page structure and effects more flexible with them.</p>
 <blockquote>
@@ -600,7 +573,7 @@ Notes: The display logic could\u2019t apply o">
           <a href="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/events.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/events.html b/content/v-0.10/guide/syntax/events.html
index b79a03e..1858f1a 100644
--- a/content/v-0.10/guide/syntax/events.html
+++ b/content/v-0.10/guide/syntax/events.html
@@ -5,56 +5,13 @@
   
   <title>Events | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="EventsWeex allow &amp;lt;template&amp;gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Events">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/events.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="EventsWeex allow &amp;lt;template&amp;gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Events">
 <meta name="twitter:description" content="EventsWeex allow &amp;lt;template&amp;gt; to bind event type and handler on an Element. The attribute name is the event type with prefix on... and the attribute value is handler method name. For instance: onc">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Events"><a href="#Events" class="headerlink" title="Events"></a>Events</h1><p>Weex allow <code>&lt;template&gt;</code> to bind event type and handler on an Element. The attribute name is the event type with prefix <code>on...</code> and the attribute value is handler method name. For instance: <code>onclick=&quot;handler&quot;</code>. e.g.</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">image</span> <span class="attr">onclick</span>=<span class="string">"handler"</span> <span class="attr">...</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">handler</span>: <span class="function"><span class="keyword">function</span> (<span class="params">e</span>) </span>&#123;</div><div class="line">        <sp
 an class="comment">// TODO</span></div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -582,7 +555,7 @@
           <a href="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/id.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/id.html b/content/v-0.10/guide/syntax/id.html
index 178d0d9..5856a99 100644
--- a/content/v-0.10/guide/syntax/id.html
+++ b/content/v-0.10/guide/syntax/id.html
@@ -5,49 +5,6 @@
   
   <title>Find an Element | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
 id can be used by this.$el(id) to find an element with a certain id.">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
 id can be used by this.$el(id) to find an element with a certain id.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Find an Element">
 <meta name="twitter:description" content="Find an ElementIn Weex, we may set the id property for a particular element, just as unique identification of a particular element.
@@ -118,13 +75,29 @@ id can be used by this.$el(id) to find an element with a certain id.">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -550,7 +523,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Find-an-Element"><a href="#Find-an-Element" class="headerlink" title="Find an Element"></a>Find an Element</h1><p>In Weex, we may set the <code>id</code> property for a particular element, just as unique identification of a particular element.</p>
 <p><code>id</code> can be used by <code>this.$el(id)</code> to find an element with a certain id. Take the API <a href="../../references/modules/dom.html#scrolltoelementnode-options"><code>scrollToElement()</code></a> For example:</p>
@@ -580,7 +553,7 @@ id can be used by this.$el(id) to find an element with a certain id.">
           <a href="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/index.html b/content/v-0.10/guide/syntax/index.html
index 500176f..5a7c34c 100644
--- a/content/v-0.10/guide/syntax/index.html
+++ b/content/v-0.10/guide/syntax/index.html
@@ -5,49 +5,6 @@
   
   <title>Syntax | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
 A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
 A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Syntax">
 <meta name="twitter:description" content="SyntaxThe syntax of Weex is deeply inspired from Vue.js, an elegant JavaScript framework with component system and reactive data binding.
@@ -118,13 +75,29 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -550,7 +523,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Syntax"><a href="#Syntax" class="headerlink" title="Syntax"></a>Syntax</h1><p><em>The syntax of Weex is deeply inspired from <a href="http://vuejs.org/" target="_blank" rel="external">Vue.js</a>, an elegant JavaScript framework with component system and reactive data binding.</em></p>
 <p>A simple Weex page sample is just a piece of <code>&lt;template&gt;</code> code, a piece of <code>&lt;style&gt;</code> code and a piece of <code>&lt;script&gt;</code> code. The three parts together describe a whole Weex page.</p>
@@ -610,7 +583,7 @@ A simple Weex page sample is just a piece of &amp;lt;template&amp;gt;">
           <a href="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/render-logic.html b/content/v-0.10/guide/syntax/render-logic.html
index b00347f..cfb5452 100644
--- a/content/v-0.10/guide/syntax/render-logic.html
+++ b/content/v-0.10/guide/syntax/render-logic.html
@@ -5,56 +5,13 @@
   
   <title>Render Logic Control | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Render Logic Control">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/syntax/render-logic.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Render Logic Control">
 <meta name="twitter:description" content="Render Logic ControlappendAttribute append do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Render-Logic-Control"><a href="#Render-Logic-Control" class="headerlink" title="Render Logic Control"></a>Render Logic Control</h1><h2 id="append"><a href="#append" class="headerlink" title="append"></a><code>append</code></h2><p>Attribute <code>append</code> do not have data-binding. It won\u2019t change the final rendering effect. But it determines whether this component should be rendered as a whole tree or a single node with child nodes appended after.</p>
 <p><code>append</code> has two key attributes, <code>tree</code> and <code>node</code>, the usage is:</p>
@@ -577,7 +550,7 @@
           <a href="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[11/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/content/references/ios-apis.html b/content/references/ios-apis.html
index cb2aad8..537ca2c 100644
--- a/content/references/ios-apis.html
+++ b/content/references/ios-apis.html
@@ -5,49 +5,6 @@
   
   <title>iOS APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="iOS APIsHandler(like Android Adapter)
 WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface to download the picture. The interface is defined as follows:
   @protocol WXImgLo">
@@ -58,7 +15,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
 <meta property="og:description" content="iOS APIsHandler(like Android Adapter)
 WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface to download the picture. The interface is defined as follows:
   @protocol WXImgLo">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="iOS APIs">
 <meta name="twitter:description" content="iOS APIsHandler(like Android Adapter)
@@ -121,13 +78,29 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/ios-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/ios-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="iOS-APIs"><a href="#iOS-APIs" class="headerlink" title="iOS APIs"></a>iOS APIs</h1><h2 id="Handler-like-Android-Adapter"><a href="#Handler-like-Android-Adapter" class="headerlink" title="Handler(like Android Adapter)"></a>Handler(like Android Adapter)</h2><ul>
 <li><p><code>WXImgLoaderDefaultImpl</code> Image load handler. Weex need to implement this interface to download the picture. The interface is defined as follows:</p>
@@ -1378,7 +1351,7 @@ WXImgLoaderDefaultImpl Image load handler. Weex need to implement this interface
           <a href="/references/ios-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/ios-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/ios-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/content/references/js-service/index.html b/content/references/js-service/index.html
index a3d17a0..68ba3b3 100644
--- a/content/references/js-service/index.html
+++ b/content/references/js-service/index.html
@@ -5,49 +5,6 @@
   
   <title>JS Service | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Servicev0.9.5+
 JS service and Weex instance are parallel in js runtime. Weex instance lifecycle will invoke JS service lifecycle. Currently provide create, refresh, destroy of lifecycle.
 !!!Importa">
@@ -58,7 +15,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
 <meta property="og:description" content="JS Servicev0.9.5+
 JS service and Weex instance are parallel in js runtime. Weex instance lifecycle will invoke JS service lifecycle. Currently provide create, refresh, destroy of lifecycle.
 !!!Importa">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Service">
 <meta name="twitter:description" content="JS Servicev0.9.5+
@@ -121,13 +78,29 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/js-service/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/js-service/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Service"><a href="#JS-Service" class="headerlink" title="JS Service"></a>JS Service</h1><p><span class="weex-version">v0.9.5+</span></p>
 <p>JS service and Weex instance are parallel in js runtime. Weex instance lifecycle will invoke JS service lifecycle. Currently provide create, refresh, destroy of lifecycle.</p>
@@ -1362,7 +1335,7 @@ JS service and Weex instance are parallel in js runtime. Weex instance lifecycle
           <a href="/references/js-service/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/js-service/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/js-service/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/content/references/jsfm-apis.html b/content/references/jsfm-apis.html
index e18b2a7..768c178 100644
--- a/content/references/jsfm-apis.html
+++ b/content/references/jsfm-apis.html
@@ -5,49 +5,6 @@
   
   <title>JS Framework APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API is the solution for inter-instance communication.
 Reference
 BroadcastChannel specification.
@@ -66,7 +23,7 @@ MessageEvent specification
 
 API
 postMessage(mess">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Framework APIs">
 <meta name="twitter:description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API is the solution for inter-instance communication.
@@ -133,13 +90,29 @@ postMessage(mess">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/jsfm-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/jsfm-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ postMessage(mess">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -595,11 +568,11 @@ postMessage(mess">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -715,12 +688,12 @@ postMessage(mess">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ postMessage(mess">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1182,11 +1155,11 @@ postMessage(mess">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1302,12 +1275,12 @@ postMessage(mess">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@ postMessage(mess">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@ postMessage(mess">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Framework-APIs"><a href="#JS-Framework-APIs" class="headerlink" title="JS Framework APIs"></a>JS Framework APIs</h1><h2 id="BroadcastChannel-v0-9"><a href="#BroadcastChannel-v0-9" class="headerlink" title="BroadcastChannel v0.9+"></a>BroadcastChannel <span class="api-version">v0.9+</span></h2><p><code>BroadcastChannel</code> API is the solution for inter-instance communication.</p>
 <h3 id="Reference"><a href="#Reference" class="headerlink" title="Reference"></a>Reference</h3><ul>
@@ -1383,7 +1356,7 @@ postMessage(mess">
           <a href="/references/jsfm-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/jsfm-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/jsfm-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/content/references/migration/difference.html b/content/references/migration/difference.html
index 804ac5e..c989f79 100644
--- a/content/references/migration/difference.html
+++ b/content/references/migration/difference.html
@@ -5,56 +5,13 @@
   
   <title>The difference between Weex and Vue | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="The difference between Weex and VueWork in progresss.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="The difference between Weex and Vue">
 <meta property="og:url" content="https://weex.apache.org/references/migration/difference.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="The difference between Weex and VueWork in progresss.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="The difference between Weex and Vue">
 <meta name="twitter:description" content="The difference between Weex and VueWork in progresss.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/difference.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="The-difference-between-Weex-and-Vue"><a href="#The-difference-between-Weex-and-Vue" class="headerlink" title="The difference between Weex and Vue"></a>The difference between Weex and Vue</h1><p>Work in progresss.</p>
 
@@ -1349,7 +1322,7 @@
           <a href="/references/migration/difference.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/difference.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/migration/index.html
----------------------------------------------------------------------
diff --git a/content/references/migration/index.html b/content/references/migration/index.html
index 77673c5..937320f 100644
--- a/content/references/migration/index.html
+++ b/content/references/migration/index.html
@@ -5,49 +5,6 @@
   
   <title>Migration | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Migration
 Migration from Weex
 The difference between Weex and Vue">
@@ -58,7 +15,7 @@ The difference between Weex and Vue">
 <meta property="og:description" content="Migration
 Migration from Weex
 The difference between Weex and Vue">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Migration">
 <meta name="twitter:description" content="Migration
@@ -121,13 +78,29 @@ The difference between Weex and Vue">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ The difference between Weex and Vue">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ The difference between Weex and Vue">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ The difference between Weex and Vue">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link current ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link current ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ The difference between Weex and Vue">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ The difference between Weex and Vue">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ The difference between Weex and Vue">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link current ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link current ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ The difference between Weex and Vue">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ The difference between Weex and Vue">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Migration"><a href="#Migration" class="headerlink" title="Migration"></a>Migration</h1><ul>
 <li><a href="./migration-from-weex.html">Migration from Weex</a></li>
@@ -1358,7 +1331,7 @@ The difference between Weex and Vue">
           <a href="/references/migration/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/content/references/migration/migration-from-weex.html b/content/references/migration/migration-from-weex.html
index 547bb39..7faa537 100644
--- a/content/references/migration/migration-from-weex.html
+++ b/content/references/migration/migration-from-weex.html
@@ -5,56 +5,13 @@
   
   <title>Migration from Weex | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Migration from WeexWork in progresss.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Migration from Weex">
 <meta property="og:url" content="https://weex.apache.org/references/migration/migration-from-weex.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Migration from WeexWork in progresss.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Migration from Weex">
 <meta name="twitter:description" content="Migration from WeexWork in progresss.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/migration-from-weex.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/migration-from-weex.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Migration-from-Weex"><a href="#Migration-from-Weex" class="headerlink" title="Migration from Weex"></a>Migration from Weex</h1><p>Work in progresss.</p>
 
@@ -1349,7 +1322,7 @@
           <a href="/references/migration/migration-from-weex.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/migration-from-weex.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/migration-from-weex.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/references/modules/animation.html b/content/references/modules/animation.html
index 03bd4af..c36719d 100644
--- a/content/references/modules/animation.html
+++ b/content/references/modules/animation.html
@@ -5,56 +5,13 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
 <meta property="og:type" content="website">
 <meta property="og:title" content="animation">
 <meta property="og:url" content="https://weex.apache.org/references/modules/animation.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="animation"><a href="#animation" class="headerlink" title="animation"></a>animation</h1><p>Smooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the <code>animation</code> module to perform animation on components. A animation can perform a series of simple transformations  (position, size, rotation, background color, and opacity) on the component. So, if you have a <code>image</code> component, you can move, rotate, grow, or shrink it.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="transition-node-options-callback"><a href="#transition-node-options-callback" class="headerlink" title="transition(node, options, callback)"></a>transition(node, options, callback)</h3><h4 id="Arguments"><a href="#Arguments" class="headerlink" title="Arguments"></a>Arguments</h4><h5 id="node"><a href="#node" class="headerlink" title="node"></a>node</h5><p><strong>type:</strong> node</p>
@@ -1454,7 +1427,7 @@
 <h4 id="callback"><a href="#callback" class="headerlink" title="callback"></a>callback</h4><p><strong>type:</strong> function</p>
 <p><strong>position:</strong> Callback which is called after the completion of transition.</p>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"test"</span> @<span class="attr">click</span>=<span class="string">"move"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;
 <span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> animation = weex.requireModule(<span class="string">'animation'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      move () &#123;</div><div class="line">        <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$refs.test;</div><div class="line">        animation.transition(testEl, &#123;</div><div class="line">          <span class="attr">styles</span>: &#123;</div><div class="line">            <span class="attr">color</span>: <span class="string">'#FF0000'</span>,</div><div class="line">            <span class="attr">tr
 ansform</span>: <span class="string">'translate(250px, 100px)'</span>,</div><div class="line">            <span class="attr">transformOrigin</span>: <span class="string">'center center'</span></div><div class="line">          &#125;,</div><div class="line">          <span class="attr">duration</span>: <span class="number">800</span>, <span class="comment">//ms</span></div><div class="line">          timingFunction: <span class="string">'ease'</span>,</div><div class="line">          <span class="attr">delay</span>: <span class="number">0</span> <span class="comment">//ms</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'animation finished.'</span> &#125;)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div cla
 ss="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/animation.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/2d1b61bef061448c1a5a13eac9624410" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1476,7 +1449,7 @@
           <a href="/references/modules/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/references/modules/clipboard.html b/content/references/modules/clipboard.html
index 575283c..71d578c 100644
--- a/content/references/modules/clipboard.html
+++ b/content/references/modules/clipboard.html
@@ -5,49 +5,6 @@
   
   <title>clipboard | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="clipboardv0.8+ (developing)
 clipboard allows you to getString() or setString() from the system clipboard.
 Not long ago, We\u2019re still suffering from such a situation that we got a verification code sent">
@@ -58,7 +15,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
 <meta property="og:description" content="clipboardv0.8+ (developing)
 clipboard allows you to getString() or setString() from the system clipboard.
 Not long ago, We\u2019re still suffering from such a situation that we got a verification code sent">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="clipboard">
 <meta name="twitter:description" content="clipboardv0.8+ (developing)
@@ -121,13 +78,29 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/clipboard.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="clipboard"><a href="#clipboard" class="headerlink" title="clipboard"></a>clipboard</h1><p><span class="weex-version">v0.8+ (developing)</span></p>
 <p>clipboard allows you to <code>getString()</code> or <code>setString()</code> from the system clipboard.</p>
@@ -1345,7 +1318,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
 <h3 id="setString-text"><a href="#setString-text" class="headerlink" title="setString(text)"></a>setString(text)</h3><p>sets the text to clipboard, having the same effect as copying manually.</p>
 <h5 id="Arguments-1"><a href="#Arguments-1" class="headerlink" title="Arguments"></a>Arguments</h5><p><code>text(string)</code>: the text copied to clipboard.</p>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"div"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"onItemClick"</span>&gt;</span>&#123;&#123;message&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="att
 r">class</span>=<span class="string">"div"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setContent"</span>&gt;</span>Click to copy: &#123;&#123;tobecopied&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> clipboard = weex.requireModule(<span class="string">'clipboard'</span>)</div><div class="line"></div><div class=
 "line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">tobecopied</span>: <span class="string">'yay!'</span>,</div><div class="line">        <span class="attr">message</span>: <span class="string">'nothing.'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line"></div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      setContent () &#123;</div><div class="line">        clipboard.setString(<span class="keyword">this</span>.tobecopied)</div><div class="line">      &#125;,</div><div class="line">      onItemClick () &#123;</div><div class="line">        <span class="keyword">this</span>.message = <span class="string">'clicked! '</span></div><div class="line">        clipboard.getString(<span class="functi
 on"><span class="params">ret</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">this</span>.message = <span class="string">'text from clipboard:'</span> + ret.data</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.div</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-between;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">width</span>: <span class="nu
 mber">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">30px</span>;</div><div class="line"></div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">1px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line">  &#125;</d
 iv><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/clipboard.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/126d3cfc5533393e28943978b07aa5c1" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1367,7 +1340,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <a href="/references/modules/clipboard.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/clipboard.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[28/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/platform-difference.html
----------------------------------------------------------------------
diff --git a/content/cn/references/platform-difference.html b/content/cn/references/platform-difference.html
index 03255a8..3442474 100644
--- a/content/cn/references/platform-difference.html
+++ b/content/cn/references/platform-difference.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02Weex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u89e3\u51b3\u65b9\u6848\uff0cWeb \u5e73\u53f0\u53ea\u662f\u5176\u4e00\u79cd\u8fd0\u884c\u73af\u5883\uff0c\u9664\u6b64\u4e4b\u5916\u8fd8\u53ef\u4ee5\u5728 Android \u548c iOS \u5ba2\u6237\u7aef\u4e2d\u8fd0\u884c\u3002\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\u3002
 Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b\uff0c\u662f HTML \u548c XML \u6587\u6863\u7684\u7f16\u7a0b\u63a5\u53e3\uff0c\u662f Web \u4e2d\u7684\u6982\u5ff5\u3002Weex">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02Weex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u89e3\u51b3\u65b9\u6848\uff0cWeb \u5e73\u53f0\u53ea\u662f\u5176\u4e00\u79cd\u8fd0\u884c\u73af\u5883\uff0c\u9664\u6b64\u4e4b\u5916\u8fd8\u53ef\u4ee5\u5728 Android \u548c iOS \u5ba2\u6237\u7aef\u4e2d\u8fd0\u884c\u3002\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\u3002
 Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b\uff0c\u662f HTML \u548c XML \u6587\u6863\u7684\u7f16\u7a0b\u63a5\u53e3\uff0c\u662f Web \u4e2d\u7684\u6982\u5ff5\u3002Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02">
 <meta name="twitter:description" content="Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02Weex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u89e3\u51b3\u65b9\u6848\uff0cWeb \u5e73\u53f0\u53ea\u662f\u5176\u4e00\u79cd\u8fd0\u884c\u73af\u5883\uff0c\u9664\u6b64\u4e4b\u5916\u8fd8\u53ef\u4ee5\u5728 Android \u548c iOS \u5ba2\u6237\u7aef\u4e2d\u8fd0\u884c\u3002\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\u3002
@@ -118,13 +75,29 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/platform-difference.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/platform-difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +485,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +521,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +558,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1081,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1117,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1154,11 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1301,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,7 +1319,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u548c-Web-\u5e73\u53f0\u7684\u5dee\u5f02"><a href="#Weex-\u548c-Web-\u5e73\u53f0\u7684\u5dee\u5f02" class="headerlink" title="Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02"></a>Weex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02</h1><p>Weex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u89e3\u51b3\u65b9\u6848\uff0cWeb \u5e73\u53f0\u53ea\u662f\u5176\u4e00\u79cd\u8fd0\u884c\u73af\u5883\uff0c\u9664\u6b64\u4e4b\u5916\u8fd8\u53ef\u4ee5\u5728 Android \u548c iOS \u5ba2\u6237\u7aef\u4e2d\u8fd0\u884c\u3002\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\u3002</p>
 <h2 id="Weex-\u73af\u5883\u4e2d\u6ca1\u6709-DOM"><a href="#Weex-\u73af\u5883\u4e2d\u6ca1\u6709-DOM" class="headerlink" title="Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOM"></a>Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOM</h2><p>DOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b\uff0c\u662f HTML \u548c XML \u6587\u6863\u7684\u7f16\u7a0b\u63a5\u53e3\uff0c\u662f Web \u4e2d\u7684\u6982\u5ff5\u3002Weex \u7684\u8fd0\u884c\u73af\u5883\u4ee5\u539f\u751f\u5e94\u7528\u4e3a\u4e3b\uff0c\u5728 Android \u548c iOS \u73af\u5883\u4e2d\u6e32\u67d3\u51fa\u6765\u7684\u662f\u539f\u751f\u7684\u7ec4\u4ef6\uff0c\u4e0d\u662f DOM Element\u3002</p>
@@ -1410,7 +1383,7 @@ Weex \u73af\u5883\u4e2d\u6ca1\u6709 DOMDOM\uff08Document Object Model\uff09\uff0c\u5373\u6587\u6863\u5bf9\u8c61\u6a21\u578b
           <a href="/references/platform-difference.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/platform-difference.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/platform-difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/cn/references/text-style.html b/content/cn/references/text-style.html
index b07a3d7..46eabb3 100644
--- a/content/cn/references/text-style.html
+++ b/content/cn/references/text-style.html
@@ -5,49 +5,6 @@
   
   <title>\u6587\u672c\u6837\u5f0f | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6587\u672c\u6837\u5f0fv0.5+
 \u6587\u672c\u7c7b\u7ec4\u4ef6\u5171\u4eab\u4e00\u4e9b\u901a\u7528\u6837\u5f0f, \u8fd9\u7c7b\u7ec4\u4ef6\u76ee\u524d\u5305\u62ec &amp;lt;text&amp;gt; \u548c &amp;lt;input&amp;gt;\u3002
 \u5c5e\u6027
@@ -66,7 +23,7 @@ color {color}\uff1a\u6587\u5b57\u989c\u8272\u3002
 \u53ef\u9009\u503c\u4e3a\u8272\u503c\uff0c\u652f\u6301 RGB\uff08 rgb(255, 0, 0) \uff09\uff1bRGBA\uff08 rgba(255, 0, 0, 0.5) \uff09\uff1b\u5341\u516d\u8fdb\u5236\uff08 #ff0000 \uff09\uff1b\u7cbe\u7b80\u5199\u6cd5\u7684\u5341\u516d\u8fdb\u5236\uff08 #f00 \uff09\uff1b\u8272\u503c\u5173\u952e\u5b57\uff08red\uff09\u3002
 
 lines">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6587\u672c\u6837\u5f0f">
 <meta name="twitter:description" content="\u6587\u672c\u6837\u5f0fv0.5+
@@ -133,13 +90,29 @@ lines">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/text-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ lines">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ lines">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ lines">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ lines">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6587\u672c\u6837\u5f0f"><a href="#\u6587\u672c\u6837\u5f0f" class="headerlink" title="\u6587\u672c\u6837\u5f0f"></a>\u6587\u672c\u6837\u5f0f</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u6587\u672c\u7c7b\u7ec4\u4ef6\u5171\u4eab\u4e00\u4e9b\u901a\u7528\u6837\u5f0f, \u8fd9\u7c7b\u7ec4\u4ef6\u76ee\u524d\u5305\u62ec <a href="./components/text.html"><code>&lt;text&gt;</code></a> \u548c <a href="./components/input.html"><code>&lt;input&gt;</code></a>\u3002</p>
@@ -1418,7 +1391,7 @@ lines">
           <a href="/references/text-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/text-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/unit.html
----------------------------------------------------------------------
diff --git a/content/cn/references/unit.html b/content/cn/references/unit.html
index 9330627..955081a 100644
--- a/content/cn/references/unit.html
+++ b/content/cn/references/unit.html
@@ -5,49 +5,6 @@
   
   <title>CSS \u5355\u4f4d | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
 .classA &amp;#123;  /* 3-chars hex */  color: #0f0;  /* 6-chars hex */  color: #00ff00;  /* rgba */  color: rgb(255, 0, 0);  /* rgba */  color: rgba(255, 0, 0, 0.5);  /* transpar">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
 .classA &amp;#123;  /* 3-chars hex */  color: #0f0;  /* 6-chars hex */  color: #00ff00;  /* rgba */  color: rgb(255, 0, 0);  /* rgba */  color: rgba(255, 0, 0, 0.5);  /* transpar">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CSS \u5355\u4f4d">
 <meta name="twitter:description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/unit.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/unit.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +485,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +521,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +558,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1081,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1117,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1154,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1301,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,7 +1319,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="CSS-\u5355\u4f4d"><a href="#CSS-\u5355\u4f4d" class="headerlink" title="CSS \u5355\u4f4d"></a>CSS \u5355\u4f4d</h1><h2 id="CSS-color-\u5355\u4f4d"><a href="#CSS-color-\u5355\u4f4d" class="headerlink" title="CSS color \u5355\u4f4d"></a>CSS <code>color</code> \u5355\u4f4d</h2><p>\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a</p>
 <figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.classA</span> &#123;</div><div class="line">  <span class="comment">/* 3-chars hex */</span></div><div class="line">  <span class="attribute">color</span>: <span class="number">#0f0</span>;</div><div class="line">  <span class="comment">/* 6-chars hex */</span></div><div class="line">  <span class="attribute">color</span>: <span class="number">#00ff00</span>;</div><div class="line">  <span class="comment">/* rgba */</span></div><div class="line">  <span class="attribute">color</span>: <span class="built_in">rgb</span>(255, 0, 0);</div><div class="line">  <span class="comment">/* rgba */</span></div><div class="line">  <span class="attribute">color</span>: <span class="built_in">rgba</span>(255, 0, 0, 0.5);</div><div class="line">  <span class="comment">/* transparent */</span></div><div class="line">  <span class="attribute">color</span>: transparent;</div><div class="line"
 >  <span class="comment">/* Basic color keywords */</span></div><div class="line">  <span class="attribute">color</span>: orange;</div><div class="line">  <span class="comment">/* Extended color keywords */</span></div><div class="line">  <span class="attribute">color</span>: darkgray;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -1386,7 +1359,7 @@
           <a href="/references/unit.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/unit.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/unit.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/content/cn/references/vue/difference-of-vuex.html b/content/cn/references/vue/difference-of-vuex.html
index 9d1f1c0..2a5fc66 100644
--- a/content/cn/references/vue/difference-of-vuex.html
+++ b/content/cn/references/vue/difference-of-vuex.html
@@ -5,49 +5,6 @@
   
   <title>\u4f7f\u7528 Vuex \u548c vue-router | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u4f7f\u7528 Vuex \u548c vue-routerVue.js \u4e5f\u6709\u8f83\u591a\u5468\u8fb9\u6280\u672f\u4ea7\u54c1\uff0c\u5982 Vuex \u548c vue-router \u7b49\uff0c\u8fd9\u4e9b\u5e93\u4e5f\u53ef\u4ee5\u5728 Weex \u4e2d\u5f88\u597d\u7684\u5de5\u4f5c\u3002
 
 \u6211\u4eec\u57fa\u4e8e Weex \u548c Vue \u5f00\u53d1\u4e86\u4e00\u4e2a\u7684\u5b8c\u6574\u9879\u76ee weex-hackernews \uff0c\u5728\u9879\u76ee\u4e2d\u4f7f\u7528\u4e86 Vuex \u548c vue-router \uff0c\u80fd\u591f\u5b9e\u73b0\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u5728 iOS\u3001Android\u3001Web \u4e0b\u90fd\u80fd\u5b8c\u6574\u5730\u5de5\u4f5c\u3002
@@ -63,7 +20,7 @@
 
 \u4f7f\u7528 Vuex">
 <meta property="og:image" content="https://weex.apache.org//vuex.vuejs.org/zh-cn/images/vuex.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Vuex \u548c vue-router">
 <meta name="twitter:description" content="\u4f7f\u7528 Vuex \u548c vue-routerVue.js \u4e5f\u6709\u8f83\u591a\u5468\u8fb9\u6280\u672f\u4ea7\u54c1\uff0c\u5982 Vuex \u548c vue-router \u7b49\uff0c\u8fd9\u4e9b\u5e93\u4e5f\u53ef\u4ee5\u5728 Weex \u4e2d\u5f88\u597d\u7684\u5de5\u4f5c\u3002
@@ -129,13 +86,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/difference-of-vuex.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -523,11 +496,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -559,11 +532,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -596,11 +569,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -743,7 +716,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1119,11 +1092,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1155,11 +1128,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1192,11 +1165,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1339,7 +1312,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1357,7 +1330,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u4f7f\u7528-Vuex-\u548c-vue-router"><a href="#\u4f7f\u7528-Vuex-\u548c-vue-router" class="headerlink" title="\u4f7f\u7528 Vuex \u548c vue-router"></a>\u4f7f\u7528 Vuex \u548c vue-router</h1><p>Vue.js \u4e5f\u6709\u8f83\u591a\u5468\u8fb9\u6280\u672f\u4ea7\u54c1\uff0c\u5982 <a href="https://github.com/vuejs/vuex" target="_blank" rel="external">Vuex</a> \u548c <a href="https://github.com/vuejs/vue-router" target="_blank" rel="external">vue-router</a> \u7b49\uff0c\u8fd9\u4e9b\u5e93\u4e5f\u53ef\u4ee5\u5728 Weex \u4e2d\u5f88\u597d\u7684\u5de5\u4f5c\u3002</p>
 <blockquote>
@@ -1405,7 +1378,7 @@
           <a href="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/difference-of-vuex.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/difference-of-vuex.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/vue/difference-with-web.html
----------------------------------------------------------------------
diff --git a/content/cn/references/vue/difference-with-web.html b/content/cn/references/vue/difference-with-web.html
index f1fbaa4..14ee83d 100644
--- a/content/cn/references/vue/difference-with-web.html
+++ b/content/cn/references/vue/difference-with-web.html
@@ -5,49 +5,6 @@
   
   <title>Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Vue.js \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02\u5e73\u53f0\u5dee\u5f02Vue.js \u6700\u521d\u662f\u4e3a Web \u5e73\u53f0\u8bbe\u8ba1\u7684\uff0c\u867d\u7136\u53ef\u4ee5\u57fa\u4e8e Weex \u5f00\u53d1\u539f\u751f\u5e94\u7528\uff0c\u4f46\u662f Web \u5f00\u53d1\u548c\u539f\u751f\u5f00\u53d1\u6bd5\u7adf\u4e0d\u540c\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\uff0c\u8fd9\u4e9b\u5dee\u5f02\u4ece\u672c\u8d28\u4e0a\u8bb2\u662f\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u53ef\u4ee5\u901a\u8fc7\u300aWeex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02\u300b\u4e86\u89e3\u66f4\u591a\u7ec6\u8282\u548c\u539f\u56e0\u3002
 \u7531\u4e8e\u8fd0\u884c\u5e73\u53f0\u5b58\u5728\u5dee\u5f02\uff0cWeex \u4e0d\u652f\u6301 Vue.js \u4e2d\u4e0e DOM">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Vue.js \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02\u5e73\u53f0\u5dee\u5f02Vue.js \u6700\u521d\u662f\u4e3a Web \u5e73\u53f0\u8bbe\u8ba1\u7684\uff0c\u867d\u7136\u53ef\u4ee5\u57fa\u4e8e Weex \u5f00\u53d1\u539f\u751f\u5e94\u7528\uff0c\u4f46\u662f Web \u5f00\u53d1\u548c\u539f\u751f\u5f00\u53d1\u6bd5\u7adf\u4e0d\u540c\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\uff0c\u8fd9\u4e9b\u5dee\u5f02\u4ece\u672c\u8d28\u4e0a\u8bb2\u662f\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u53ef\u4ee5\u901a\u8fc7\u300aWeex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02\u300b\u4e86\u89e3\u66f4\u591a\u7ec6\u8282\u548c\u539f\u56e0\u3002
 \u7531\u4e8e\u8fd0\u884c\u5e73\u53f0\u5b58\u5728\u5dee\u5f02\uff0cWeex \u4e0d\u652f\u6301 Vue.js \u4e2d\u4e0e DOM">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02">
 <meta name="twitter:description" content="Vue.js \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02\u5e73\u53f0\u5dee\u5f02Vue.js \u6700\u521d\u662f\u4e3a Web \u5e73\u53f0\u8bbe\u8ba1\u7684\uff0c\u867d\u7136\u53ef\u4ee5\u57fa\u4e8e Weex \u5f00\u53d1\u539f\u751f\u5e94\u7528\uff0c\u4f46\u662f Web \u5f00\u53d1\u548c\u539f\u751f\u5f00\u53d1\u6bd5\u7adf\u4e0d\u540c\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\uff0c\u8fd9\u4e9b\u5dee\u5f02\u4ece\u672c\u8d28\u4e0a\u8bb2\u662f\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u53ef\u4ee5\u901a\u8fc7\u300aWeex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02\u300b\u4e86\u89e3\u66f4\u591a\u7ec6\u8282\u548c\u539f\u56e0\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/difference-with-web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +485,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +521,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +558,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1081,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1117,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1154,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1301,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,7 +1319,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Vue-js-\u5728-Weex-\u548c-Web-\u4e2d\u7684\u5dee\u5f02"><a href="#Vue-js-\u5728-Weex-\u548c-Web-\u4e2d\u7684\u5dee\u5f02" class="headerlink" title="Vue.js \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02"></a>Vue.js \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02</h1><h2 id="\u5e73\u53f0\u5dee\u5f02"><a href="#\u5e73\u53f0\u5dee\u5f02" class="headerlink" title="\u5e73\u53f0\u5dee\u5f02"></a>\u5e73\u53f0\u5dee\u5f02</h2><p>Vue.js \u6700\u521d\u662f\u4e3a Web \u5e73\u53f0\u8bbe\u8ba1\u7684\uff0c\u867d\u7136\u53ef\u4ee5\u57fa\u4e8e Weex \u5f00\u53d1\u539f\u751f\u5e94\u7528\uff0c\u4f46\u662f Web \u5f00\u53d1\u548c\u539f\u751f\u5f00\u53d1\u6bd5\u7adf\u4e0d\u540c\uff0c\u5728\u529f\u80fd\u548c\u5f00\u53d1\u4f53\u9a8c\u4e0a\u90fd\u6709\u4e00\u4e9b\u5dee\u5f02\uff0c\u8fd9\u4e9b\u5dee\u5f02\u4ece\u672c\u8d28\u4e0a\u8bb2\u662f\u539f\u751f\u5f00\u53d1\u5e73\u53f0\u548c Web \u5e73\u53f0\u4e4b\u95f4\u7684\u5dee\u5f02\uff0c\u53ef\u4ee5\u901a\u8fc7<a href="../platform-difference.html">\u300aWeex \u548c Web \u5e73\u53f0\u7684\u5dee\u5f02\u300b</a>\u4e86\u89e3\u66f4\u591a\u7ec6\u8282\u548c\u539f\u56e0\u3002</p>
 <p>\u7531\u4e8e\u8fd0\u884c\u5e73\u53f0\u5b58\u5728\u5dee\u5f02\uff0cWeex \u4e0d\u652f\u6301 Vue.js \u4e2d\u4e0e DOM \u76f8\u5173\u7684\u529f\u80fd\uff1a</p>
@@ -1427,7 +1400,7 @@
           <a href="/references/vue/difference-with-web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/difference-with-web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/vue/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/vue/index.html b/content/cn/references/vue/index.html
index db829d3..b53b083 100644
--- a/content/cn/references/vue/index.html
+++ b/content/cn/references/vue/index.html
@@ -5,49 +5,6 @@
   
   <title>Vue | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Vue
 Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
 \u4f7f\u7528 Vuex \u548c vue-router">
@@ -58,7 +15,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
 <meta property="og:description" content="Vue
 Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
 \u4f7f\u7528 Vuex \u548c vue-router">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Vue">
 <meta name="twitter:description" content="Vue
@@ -121,13 +78,29 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Vue"><a href="#Vue" class="headerlink" title="Vue"></a>Vue</h1><ul>
 <li><a href="./difference-with-web.html">Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02</a></li>
@@ -1376,7 +1349,7 @@ Vue 2.x \u5728 Weex \u548c Web \u4e2d\u7684\u5dee\u5f02
           <a href="/references/vue/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/web-standards.html
----------------------------------------------------------------------
diff --git a/content/cn/references/web-standards.html b/content/cn/references/web-standards.html
index d89e5b9..606a1c7 100644
--- a/content/cn/references/web-standards.html
+++ b/content/cn/references/web-standards.html
@@ -5,49 +5,6 @@
   
   <title>Web \u6807\u51c6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u4e2d\u7684 Web \u6807\u51c6HTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11
 Overview
 
@@ -108,7 +65,7 @@ supported
 
 97%
 &amp;lt;title&amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Web \u6807\u51c6">
 <meta name="twitter:description" content="Weex \u4e2d\u7684 Web \u6807\u51c6HTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11
@@ -196,13 +153,29 @@ supported
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/web-standards.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/web-standards.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -219,7 +192,7 @@ supported
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -590,11 +563,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -626,11 +599,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -663,11 +636,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -810,7 +783,7 @@ supported
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1186,11 +1159,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1222,11 +1195,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1259,11 +1232,11 @@ supported
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1406,7 +1379,7 @@ supported
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1424,7 +1397,7 @@ supported
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u4e2d\u7684-Web-\u6807\u51c6"><a href="#Weex-\u4e2d\u7684-Web-\u6807\u51c6" class="headerlink" title="Weex \u4e2d\u7684 Web \u6807\u51c6"></a>Weex \u4e2d\u7684 Web \u6807\u51c6</h1><h2 id="HTML"><a href="#HTML" class="headerlink" title="HTML"></a>HTML</h2><p>refs: <a href="https://www.advancedwebranking.com/html/" target="_blank" rel="external">https://www.advancedwebranking.com/html/</a> 2016-12-11</p>
 <h3 id="Overview"><a href="#Overview" class="headerlink" title="Overview"></a>Overview</h3><table>
@@ -3850,7 +3823,7 @@ supported
           <a href="/references/web-standards.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/web-standards.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/web-standards.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/weex-variable.html
----------------------------------------------------------------------
diff --git a/content/cn/references/weex-variable.html b/content/cn/references/weex-variable.html
index ca50497..3e6e007 100644
--- a/content/cn/references/weex-variable.html
+++ b/content/cn/references/weex-variable.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u5b9e\u4f8b\u53d8\u91cf | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u5b9e\u4f8b\u53d8\u91cf\u6bcf\u4e2a Weex \u9875\u9762\u7684 JS \u4e0a\u4e0b\u6587\u4e2d\u90fd\u6709\u4e00\u4e2a\u76f8\u4e92\u72ec\u7acb\u7684 weex \u53d8\u91cf\uff0c\u7528\u6765\u6301\u6709\u5f53\u524d Weex \u9875\u9762\u76f8\u5173\u7684\u5355\u4f8b\u5185\u5bb9\u6216\u65b9\u6cd5\u3002
 weex.config\u8be5\u53d8\u91cf\u5305\u542b\u4e86\u5f53\u524d Weex \u9875\u9762\u7684\u6240\u6709\u73af\u5883\u4fe1\u606f\uff0c\u5305\u62ec\u4e0d\u4ec5\u9650\u4e8e\uff1a
 
@@ -64,7 +21,7 @@ weex.config\u8be5\u53d8\u91cf\u5305\u542b\u4e86\u5f53\u524d Weex \u9875\u9762\u7684\u6240\u6709\u73af\u5883\u4fe1\u606f\uff0c\u5305\u62ec\u4e0d
 bundleUrl: string: JS bundle \u7684 URL\u3002
 env: Object: \u73af\u5883\u5bf9\u8c61\u3002
 weexVersion: string: Weex sdk">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u5b9e\u4f8b\u53d8\u91cf">
 <meta name="twitter:description" content="Weex \u5b9e\u4f8b\u53d8\u91cf\u6bcf\u4e2a Weex \u9875\u9762\u7684 JS \u4e0a\u4e0b\u6587\u4e2d\u90fd\u6709\u4e00\u4e2a\u76f8\u4e92\u72ec\u7acb\u7684 weex \u53d8\u91cf\uff0c\u7528\u6765\u6301\u6709\u5f53\u524d Weex \u9875\u9762\u76f8\u5173\u7684\u5355\u4f8b\u5185\u5bb9\u6216\u65b9\u6cd5\u3002
@@ -130,13 +87,29 @@ weexVersion: string: Weex sdk">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/weex-variable.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/weex-variable.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ weexVersion: string: Weex sdk">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -524,11 +497,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -560,11 +533,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -597,11 +570,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -744,7 +717,7 @@ weexVersion: string: Weex sdk">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1120,11 +1093,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1156,11 +1129,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1193,11 +1166,11 @@ weexVersion: string: Weex sdk">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1340,7 +1313,7 @@ weexVersion: string: Weex sdk">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1358,7 +1331,7 @@ weexVersion: string: Weex sdk">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u5b9e\u4f8b\u53d8\u91cf"><a href="#Weex-\u5b9e\u4f8b\u53d8\u91cf" class="headerlink" title="Weex \u5b9e\u4f8b\u53d8\u91cf"></a>Weex \u5b9e\u4f8b\u53d8\u91cf</h1><p>\u6bcf\u4e2a Weex \u9875\u9762\u7684 JS \u4e0a\u4e0b\u6587\u4e2d\u90fd\u6709\u4e00\u4e2a\u76f8\u4e92\u72ec\u7acb\u7684 <code>weex</code> \u53d8\u91cf\uff0c\u7528\u6765\u6301\u6709\u5f53\u524d Weex \u9875\u9762\u76f8\u5173\u7684\u5355\u4f8b\u5185\u5bb9\u6216\u65b9\u6cd5\u3002</p>
 <h2 id="weex-config"><a href="#weex-config" class="headerlink" title="weex.config"></a><code>weex.config</code></h2><p>\u8be5\u53d8\u91cf\u5305\u542b\u4e86\u5f53\u524d Weex \u9875\u9762\u7684\u6240\u6709\u73af\u5883\u4fe1\u606f\uff0c\u5305\u62ec\u4e0d\u4ec5\u9650\u4e8e\uff1a</p>
@@ -1400,7 +1373,7 @@ weexVersion: string: Weex sdk">
           <a href="/references/weex-variable.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/weex-variable.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/weex-variable.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/create-a-weex-project.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/create-a-weex-project.html b/content/cn/v-0.10/advanced/create-a-weex-project.html
index 23efe84..8720a16 100644
--- a/content/cn/v-0.10/advanced/create-a-weex-project.html
+++ b/content/cn/v-0.10/advanced/create-a-weex-project.html
@@ -5,49 +5,6 @@
   
   <title>\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee\u5bf9\u4e8e\u524d\u7aef\u5f00\u53d1\u8005\u6765\u8bf4\u5f00\u53d1\u4e00\u4e2a app \u662f\u4e0d\u5bb9\u6613\u7684\uff0c\u65e2\u7136 Weex \u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u90a3\u6211\u4eec\u600e\u4e48\u5229\u7528 Weex \u7b80\u5355\u9ad8\u6548\u7684\u5f00\u53d1\u4e00\u4e2a native \u5e94\u7528\u5462\uff1fWeex \u66ff\u4f60\u8003\u8651\u4e86\u8fd9\u4ef6\u4e8b\u3002\u5728\u672c\u7ae0\u4e2d\uff0c\u6211\u4eec\u5c06\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Weexpack \u5de5\u5177\u5feb\u901f\u751f\u6210\u4e00\u4e2a\u5168\u65b0\u7684 Weex \u9879\u76ee\u3002
 \u6839\u636e\u4f60\u7684\u64cd\u4f5c\u7cfb\u7edf\u7684\u4e0d\u540c\uff0c\u6b65\u9aa4\u4e5f\u7565\u6709\u5dee\u5f02\uff0c\u5982\u679c\u4f60\u4ece\u672a\u63a5\u89e6\u8fc7">
 <meta property="og:type" content="website">
@@ -59,7 +16,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1jLx4OFXXXXaoXFXXXXXXXXXX-212-33.png">
 <meta property="og:image" content="https://gw.alicdn.com/tps/TB1VulhOFXXXXcPXFXXXXXXXXXX-828-686.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1CBdgOFXXXXXnXVXXXXXXXXXX-661-392.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee">
 <meta name="twitter:description" content="\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee\u5bf9\u4e8e\u524d\u7aef\u5f00\u53d1\u8005\u6765\u8bf4\u5f00\u53d1\u4e00\u4e2a app \u662f\u4e0d\u5bb9\u6613\u7684\uff0c\u65e2\u7136 Weex \u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u90a3\u6211\u4eec\u600e\u4e48\u5229\u7528 Weex \u7b80\u5355\u9ad8\u6548\u7684\u5f00\u53d1\u4e00\u4e2a native \u5e94\u7528\u5462\uff1fWeex \u66ff\u4f60\u8003\u8651\u4e86\u8fd9\u4ef6\u4e8b\u3002\u5728\u672c\u7ae0\u4e2d\uff0c\u6211\u4eec\u5c06\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Weexpack \u5de5\u5177\u5feb\u901f\u751f\u6210\u4e00\u4e2a\u5168\u65b0\u7684 Weex \u9879\u76ee\u3002
@@ -122,13 +79,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/create-a-weex-project.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/create-a-weex-project.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -165,7 +138,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -364,7 +337,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u521b\u5efa\u4e00\u4e2a-Weex-\u9879\u76ee"><a href="#\u5982\u4f55\u521b\u5efa\u4e00\u4e2a-Weex-\u9879\u76ee" class="headerlink" title="\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee"></a>\u5982\u4f55\u521b\u5efa\u4e00\u4e2a Weex \u9879\u76ee</h1><p>\u5bf9\u4e8e\u524d\u7aef\u5f00\u53d1\u8005\u6765\u8bf4\u5f00\u53d1\u4e00\u4e2a app \u662f\u4e0d\u5bb9\u6613\u7684\uff0c\u65e2\u7136 Weex \u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u90a3\u6211\u4eec\u600e\u4e48\u5229\u7528 Weex \u7b80\u5355\u9ad8\u6548\u7684\u5f00\u53d1\u4e00\u4e2a native \u5e94\u7528\u5462\uff1fWeex \u66ff\u4f60\u8003\u8651\u4e86\u8fd9\u4ef6\u4e8b\u3002\u5728\u672c\u7ae0\u4e2d\uff0c\u6211\u4eec\u5c06\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Weexpack \u5de5\u5177\u5feb\u901f\u751f\u6210\u4e00\u4e2a\u5168\u65b0\u7684 Weex \u9879\u76ee\u3002</p>
 <p>\u6839\u636e\u4f60\u7684\u64cd\u4f5c\u7cfb\u7edf\u7684\u4e0d\u540c\uff0c\u6b65\u9aa4\u4e5f\u7565\u6709\u5dee\u5f02\uff0c\u5982\u679c\u4f60\u4ece\u672a\u63a5\u89e6\u8fc7 native \u5f00\u53d1\uff0c\u8bf7\u6162\u6162\u6765\uff0c\u9047\u5230\u95ee\u9898\u968f\u65f6\u67e5\u9605 <a href="../faq.md">FAQ</a>\u3002</p>
@@ -503,7 +476,7 @@
           <a href="/v-0.10/advanced/create-a-weex-project.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/create-a-weex-project.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/create-a-weex-project.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>



[20/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/devtools-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/devtools-ios.html b/content/cn/v-0.10/tools/devtools-ios.html
index c0dcc28..6f27e20 100644
--- a/content/cn/v-0.10/tools/devtools-ios.html
+++ b/content/cn/v-0.10/tools/devtools-ios.html
@@ -5,49 +5,6 @@
   
   <title>Devtools for iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtools for iOS\u901a\u8fc7Chrome\u5f00\u53d1\u8005\u5de5\u5177\u8fdc\u7a0b\u8c03\u8bd5\u4f60\u7684\u539f\u751fiOS app
 \u542f\u52a8weex-devtool\uff1a
 \u5b89\u88c5\u548c\u8fd0\u884c weex-devtool
@@ -72,7 +29,7 @@ $:npm install -g weex-devtool$:weex-devtool
 playground \u5b89\u88c5 WXDevtool
 \u5b89\u88c5\u4f9d\u8d56.
    $">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools for iOS">
 <meta name="twitter:description" content="Devtools for iOS\u901a\u8fc7Chrome\u5f00\u53d1\u8005\u5de5\u5177\u8fdc\u7a0b\u8c03\u8bd5\u4f60\u7684\u539f\u751fiOS app
@@ -142,13 +99,29 @@ playground \u5b89\u88c5 WXDevtool
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -167,7 +140,7 @@ playground \u5b89\u88c5 WXDevtool
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -185,7 +158,7 @@ playground \u5b89\u88c5 WXDevtool
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -316,7 +289,7 @@ playground \u5b89\u88c5 WXDevtool
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools-for-iOS"><a href="#Devtools-for-iOS" class="headerlink" title="Devtools for iOS"></a>Devtools for iOS</h1><p>\u901a\u8fc7Chrome\u5f00\u53d1\u8005\u5de5\u5177\u8fdc\u7a0b\u8c03\u8bd5\u4f60\u7684\u539f\u751fiOS app</p>
 <h2 id="\u542f\u52a8weex-devtool\uff1a"><a href="#\u542f\u52a8weex-devtool\uff1a" class="headerlink" title="\u542f\u52a8weex-devtool\uff1a"></a>\u542f\u52a8weex-devtool\uff1a</h2><ol>
@@ -392,7 +365,7 @@ playground \u5b89\u88c5 WXDevtool
           <a href="/v-0.10/tools/devtools-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/devtools.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/devtools.html b/content/cn/v-0.10/tools/devtools.html
index b495e87..6e667fd 100644
--- a/content/cn/v-0.10/tools/devtools.html
+++ b/content/cn/v-0.10/tools/devtools.html
@@ -5,49 +5,6 @@
   
   <title>Devtools | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtoolsweex devtools\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86Chrome Debugging Protocol\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301IOS\u548cAndroid\u4e24\u4e2a\u5e73\u53f0\u3002
 \u5b89\u88c5$ npm install  -g  weex-toolkit
 \u7528\u6cd5 weex debug [options] [we_">
@@ -67,7 +24,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools">
 <meta name="twitter:description" content="Devtoolsweex devtools\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86Chrome Debugging Protocol\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301IOS\u548cAndroid\u4e24\u4e2a\u5e73\u53f0\u3002
@@ -131,13 +88,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -174,7 +147,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -305,7 +278,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p><strong>weex devtools</strong>\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86<a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external"><strong>Chrome Debugging Protocol</strong></a>\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301<strong>IOS</strong>\u548c<strong>Android</strong>\u4e24\u4e2a\u5e73\u53f0\u3002</p>
 <h2 id="\u5b89\u88c5"><a href="#\u5b89\u88c5" class="headerlink" title="\u5b89\u88c5"></a>\u5b89\u88c5</h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ npm install  -g  weex-toolkit</div></pre></td></tr></table></figure>
@@ -361,7 +334,7 @@
           <a href="/v-0.10/tools/devtools.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/index.html b/content/cn/v-0.10/tools/index.html
index 929694d..3fe447e 100644
--- a/content/cn/v-0.10/tools/index.html
+++ b/content/cn/v-0.10/tools/index.html
@@ -5,49 +5,6 @@
   
   <title>CLI (\u82f1) | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="CLIPlease access npmjs.com for latest version
 Weex CLI tool set
 Pre Installsome dependencies need recent version of npm to install
@@ -62,7 +19,7 @@ Weex CLI tool set
 Pre Installsome dependencies need recent version of npm to install
 if your$ npm --version
 output less than 2.15.1, please run below cmd">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CLI (\u82f1)">
 <meta name="twitter:description" content="CLIPlease access npmjs.com for latest version
@@ -127,13 +84,29 @@ output less than 2.15.1, please run below cmd">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ output less than 2.15.1, please run below cmd">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ output less than 2.15.1, please run below cmd">
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -301,7 +274,7 @@ output less than 2.15.1, please run below cmd">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="CLI"><a href="#CLI" class="headerlink" title="CLI"></a>CLI</h1><p>Please access <a href="https://www.npmjs.com/package/weex-toolkit" target="_blank" rel="external">npmjs.com</a> for latest version</p>
 <p>Weex CLI tool set</p>
@@ -343,7 +316,7 @@ output less than 2.15.1, please run below cmd">
           <a href="/v-0.10/tools/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/playground.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/playground.html b/content/cn/v-0.10/tools/playground.html
index 7345802..f1e267f 100644
--- a/content/cn/v-0.10/tools/playground.html
+++ b/content/cn/v-0.10/tools/playground.html
@@ -5,49 +5,6 @@
   
   <title>Playground | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex Playground AppWeex \u7684\u6700\u68d2\u7684\u4e00\u4e2a\u90e8\u5206\u662f Native Runtime\u3002\u4f60\u7684 .we \u6587\u4ef6\u53ef\u4ee5\u4f7f\u7528 weex-toolkit CLI \u5728\u6d4f\u89c8\u5668\u4e2d\u9884\u89c8 Web \u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 Weex Playground App \u8fd9\u6837\u4e00\u4e2a\u5355\u72ec\u7684\u5e94\u7528\u6765\u9884\u89c8\u539f\u751f\u6548\u679c\u3002\u4e0d\u4ec5\u5982\u6b64\uff0cWeex playground App \u8fd8\u5185\u7f6e\u4e86\u5927\u91cf\u7684 Demo \u548c\u5c55\u793a\u6848\u4f8b\uff0c\u8fd9\u6837\u4f60\u5c31\u53ef\u4ee5\u66f4\u52a0\u5bb9\u6613\u5730\u4f53\u9a8c\u5230 Wee">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Playground">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex Playground AppWeex \u7684\u6700\u68d2\u7684\u4e00\u4e2a\u90e8\u5206\u662f Native Runtime\u3002\u4f60\u7684 .we \u6587\u4ef6\u53ef\u4ee5\u4f7f\u7528 weex-toolkit CLI \u5728\u6d4f\u89c8\u5668\u4e2d\u9884\u89c8 Web \u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 Weex Playground App \u8fd9\u6837\u4e00\u4e2a\u5355\u72ec\u7684\u5e94\u7528\u6765\u9884\u89c8\u539f\u751f\u6548\u679c\u3002\u4e0d\u4ec5\u5982\u6b64\uff0cWeex playground App \u8fd8\u5185\u7f6e\u4e86\u5927\u91cf\u7684 Demo \u548c\u5c55\u793a\u6848\u4f8b\uff0c\u8fd9\u6837\u4f60\u5c31\u53ef\u4ee5\u66f4\u52a0\u5bb9\u6613\u5730\u4f53\u9a8c\u5230 Wee">
 <meta property="og:image" content="http://gtms01.alicdn.com/tps/i1/TB1bC5LMpXXXXb7XXXXA0gJJXXX-720-1280.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Playground">
 <meta name="twitter:description" content="Weex Playground AppWeex \u7684\u6700\u68d2\u7684\u4e00\u4e2a\u90e8\u5206\u662f Native Runtime\u3002\u4f60\u7684 .we \u6587\u4ef6\u53ef\u4ee5\u4f7f\u7528 weex-toolkit CLI \u5728\u6d4f\u89c8\u5668\u4e2d\u9884\u89c8 Web \u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 Weex Playground App \u8fd9\u6837\u4e00\u4e2a\u5355\u72ec\u7684\u5e94\u7528\u6765\u9884\u89c8\u539f\u751f\u6548\u679c\u3002\u4e0d\u4ec5\u5982\u6b64\uff0cWeex playground App \u8fd8\u5185\u7f6e\u4e86\u5927\u91cf\u7684 Demo \u548c\u5c55\u793a\u6848\u4f8b\uff0c\u8fd9\u6837\u4f60\u5c31\u53ef\u4ee5\u66f4\u52a0\u5bb9\u6613\u5730\u4f53\u9a8c\u5230 Wee">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/playground.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -142,7 +115,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -160,7 +133,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -291,7 +264,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-Playground-App"><a href="#Weex-Playground-App" class="headerlink" title="Weex Playground App"></a>Weex Playground App</h1><p>Weex \u7684\u6700\u68d2\u7684\u4e00\u4e2a\u90e8\u5206\u662f Native Runtime\u3002\u4f60\u7684 <code>.we</code> \u6587\u4ef6\u53ef\u4ee5\u4f7f\u7528 weex-toolkit CLI \u5728\u6d4f\u89c8\u5668\u4e2d\u9884\u89c8 Web \u6548\u679c\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 Weex Playground App \u8fd9\u6837\u4e00\u4e2a\u5355\u72ec\u7684\u5e94\u7528\u6765\u9884\u89c8\u539f\u751f\u6548\u679c\u3002\u4e0d\u4ec5\u5982\u6b64\uff0cWeex playground App \u8fd8\u5185\u7f6e\u4e86\u5927\u91cf\u7684 Demo \u548c\u5c55\u793a\u6848\u4f8b\uff0c\u8fd9\u6837\u4f60\u5c31\u53ef\u4ee5\u66f4\u52a0\u5bb9\u6613\u5730\u4f53\u9a8c\u5230 Weex \u5728 Native \u5c42\u9762\u7684\u6548\u679c\u4e86\u3002</p>
 <p>Playground App \u7684\u4e0b\u8f7d\u5730\u5740\u5728 <a href="http://alibaba.github.io/weex/download.html" target="_blank" rel="external">\u8fd9\u91cc</a>\u3002</p>
@@ -320,7 +293,7 @@
           <a href="/v-0.10/tools/playground.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/playground.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/transformer.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/transformer.html b/content/cn/v-0.10/tools/transformer.html
index 683fe8e..9938825 100644
--- a/content/cn/v-0.10/tools/transformer.html
+++ b/content/cn/v-0.10/tools/transformer.html
@@ -5,49 +5,6 @@
   
   <title>Transormer (\u82f1) | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="gulp-weex
 gulp plugin for weex transformer
 
@@ -60,7 +17,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
 gulp plugin for weex transformer
 
 Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos;)gulp.task(&apos;default&apos;, function () &amp;#123;  return gulp.src(&apos;src/*.html&apos;)    .pipe(weex(&amp;#123;&amp;#1">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Transormer (\u82f1)">
 <meta name="twitter:description" content="gulp-weex
@@ -124,13 +81,29 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/transformer.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/transformer.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -167,7 +140,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -298,7 +271,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="gulp-weex"><a href="#gulp-weex" class="headerlink" title="gulp-weex"></a>gulp-weex</h1><blockquote>
 <p>gulp plugin for weex transformer</p>
@@ -329,7 +302,7 @@ Usagevar gulp = require(&apos;gulp&apos;)var weex = require(&apos;gulp-weex&apos
           <a href="/v-0.10/tools/transformer.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/transformer.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/transformer.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[21/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/special-element.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/special-element.html b/content/cn/v-0.10/references/special-element.html
index fc44958..2c961e7 100644
--- a/content/cn/v-0.10/references/special-element.html
+++ b/content/cn/v-0.10/references/special-element.html
@@ -5,49 +5,6 @@
   
   <title>\u7279\u6b8a\u5143\u7d20 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u7279\u6b8a\u5143\u7d20&amp;lt;content&amp;gt;&amp;lt;content&amp;gt; \u5728\u7f16\u5199\u7ec4\u4ef6\u6a21\u677f\u65f6\u4f5c\u4e3a\u4f5c\u4e3a\u5185\u5bb9\u8282\u70b9\u5143\u7d20\u5b58\u5728\uff0c\u4f7f\u7528\u65f6\u5c06\u88ab\u771f\u6b63\u7684\u5143\u7d20\u66ff\u6362\u3002
 \u66ff\u4ee3\u5199\u6cd5: &amp;lt;slot&amp;gt;\u3002
 \u793a\u4f8b\u5982\u793a\u4f8b\u4e2d\u5199\u6cd5\uff0c&amp;lt;content&amp;gt;  \u8282\u70b9\u88ab &amp;lt;text&amp;gt; \u66ff\u4ee3\u3002
@@ -60,7 +17,7 @@
 \u66ff\u4ee3\u5199\u6cd5: &amp;lt;slot&amp;gt;\u3002
 \u793a\u4f8b\u5982\u793a\u4f8b\u4e2d\u5199\u6cd5\uff0c&amp;lt;content&amp;gt;  \u8282\u70b9\u88ab &amp;lt;text&amp;gt; \u66ff\u4ee3\u3002
 &amp;lt;element name=&quot;item&quot;&amp;gt;  &amp;lt;template&amp;gt;    &amp;lt;div&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u7279\u6b8a\u5143\u7d20">
 <meta name="twitter:description" content="\u7279\u6b8a\u5143\u7d20&amp;lt;content&amp;gt;&amp;lt;content&amp;gt; \u5728\u7f16\u5199\u7ec4\u4ef6\u6a21\u677f\u65f6\u4f5c\u4e3a\u4f5c\u4e3a\u5185\u5bb9\u8282\u70b9\u5143\u7d20\u5b58\u5728\uff0c\u4f7f\u7528\u65f6\u5c06\u88ab\u771f\u6b63\u7684\u5143\u7d20\u66ff\u6362\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/special-element.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/special-element.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u7279\u6b8a\u5143\u7d20"><a href="#\u7279\u6b8a\u5143\u7d20" class="headerlink" title="\u7279\u6b8a\u5143\u7d20"></a>\u7279\u6b8a\u5143\u7d20</h1><h2 id="lt-content-gt"><a href="#lt-content-gt" class="headerlink" title="&lt;content&gt;"></a><code>&lt;content&gt;</code></h2><p><code>&lt;content&gt;</code> \u5728\u7f16\u5199\u7ec4\u4ef6\u6a21\u677f\u65f6\u4f5c\u4e3a\u4f5c\u4e3a\u5185\u5bb9\u8282\u70b9\u5143\u7d20\u5b58\u5728\uff0c\u4f7f\u7528\u65f6\u5c06\u88ab\u771f\u6b63\u7684\u5143\u7d20\u66ff\u6362\u3002</p>
 <p>\u66ff\u4ee3\u5199\u6cd5: <code>&lt;slot&gt;</code>\u3002</p>
@@ -1100,7 +1073,7 @@
           <a href="/v-0.10/references/special-element.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/special-element.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/special-element.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/specs/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/specs/index.html b/content/cn/v-0.10/references/specs/index.html
index 9984579..c49f039 100644
--- a/content/cn/v-0.10/references/specs/index.html
+++ b/content/cn/v-0.10/references/specs/index.html
@@ -5,49 +5,6 @@
   
   <title>JS Bundle format (\u82f1) | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Bundle format (\u82f1)">
 <meta name="twitter:description" content="JS Bundle formatJS Bundle Version: v0.3.0
@@ -118,13 +75,29 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Bundle-format"><a href="#JS-Bundle-format" class="headerlink" title="JS Bundle format"></a>JS Bundle format</h1><p>JS Bundle Version: v0.3.0</p>
 <h2 id="v0-5-0"><a href="#v0-5-0" class="headerlink" title="v0.5.0"></a>v0.5.0</h2><h3 id="Whole-Syntax-and-Structure"><a href="#Whole-Syntax-and-Structure" class="headerlink" title="Whole Syntax and Structure"></a>Whole Syntax and Structure</h3><p>A JS Bundle is actually a JavaScript file which follows <strong>ES5</strong> standard. The code is used to define some custom components for the instance and bootstrap the instance with certain name, config and data. Developers could use all kinds of JS code packager like webpack, browserify, requirejs to organize your whole instance code.</p>
@@ -1195,7 +1168,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <a href="/v-0.10/references/specs/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/specs/js-framework-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/specs/js-framework-apis.html b/content/cn/v-0.10/references/specs/js-framework-apis.html
index 9ee13e7..b73b8d1 100644
--- a/content/cn/v-0.10/references/specs/js-framework-apis.html
+++ b/content/cn/v-0.10/references/specs/js-framework-apis.html
@@ -5,49 +5,6 @@
   
   <title>JS Framework APIs (\u82f1) | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Framework APIsIntro about JS RuntimeThese APIs are designed for JS Framework and Native Engine working together.
 Considering the limitation of mobile phone resource, Weex runs only one JS runtime t">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="JS Framework APIsIntro about JS RuntimeThese APIs are designed for JS Framework and Native Engine working together.
 Considering the limitation of mobile phone resource, Weex runs only one JS runtime t">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Framework APIs (\u82f1)">
 <meta name="twitter:description" content="JS Framework APIsIntro about JS RuntimeThese APIs are designed for JS Framework and Native Engine working together.
@@ -118,13 +75,29 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/js-framework-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Framework-APIs"><a href="#JS-Framework-APIs" class="headerlink" title="JS Framework APIs"></a>JS Framework APIs</h1><h2 id="Intro-about-JS-Runtime"><a href="#Intro-about-JS-Runtime" class="headerlink" title="Intro about JS Runtime"></a>Intro about JS Runtime</h2><p>These APIs are designed for JS Framework and Native Engine working together.</p>
 <p>Considering the limitation of mobile phone resource, <em>Weex runs only one JS runtime</em> to handle all Weex instances. So it need a multi-instance management layer in JavaScript. These JS Framework APIs are just designed to do the management job.</p>
@@ -1155,7 +1128,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <a href="/v-0.10/references/specs/js-framework-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/specs/virtual-dom-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/specs/virtual-dom-apis.html b/content/cn/v-0.10/references/specs/virtual-dom-apis.html
index 89ccdef..9cc600d 100644
--- a/content/cn/v-0.10/references/specs/virtual-dom-apis.html
+++ b/content/cn/v-0.10/references/specs/virtual-dom-apis.html
@@ -5,49 +5,6 @@
   
   <title>Virtual DOM APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Virtual DOM APIsDocument\u6bcf\u4e2a\u5b9e\u4f8b\u6709\u4e00\u4e2a\u4e0e\u5b9e\u4f8b id \u5bf9\u5e94\u7684 document\u3002Document \u5177\u6709\u7ec4\u6210\u4e00\u4e2a\u8282\u70b9\u6811\u7684\u591a\u4e2a\u8282\u70b9\u3002
 \u6784\u9020\u51fd\u6570new Document(id: string, url: string?)\u6210\u5458createElement(tagName: string, props: Object?): Element\u521b\u5efa\u4e00\u4e2a\u7279\u5b9a\u7c7b\u578b Element \u5bf9\u8c61\u3002props">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Virtual DOM APIsDocument\u6bcf\u4e2a\u5b9e\u4f8b\u6709\u4e00\u4e2a\u4e0e\u5b9e\u4f8b id \u5bf9\u5e94\u7684 document\u3002Document \u5177\u6709\u7ec4\u6210\u4e00\u4e2a\u8282\u70b9\u6811\u7684\u591a\u4e2a\u8282\u70b9\u3002
 \u6784\u9020\u51fd\u6570new Document(id: string, url: string?)\u6210\u5458createElement(tagName: string, props: Object?): Element\u521b\u5efa\u4e00\u4e2a\u7279\u5b9a\u7c7b\u578b Element \u5bf9\u8c61\u3002props">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Virtual DOM APIs">
 <meta name="twitter:description" content="Virtual DOM APIsDocument\u6bcf\u4e2a\u5b9e\u4f8b\u6709\u4e00\u4e2a\u4e0e\u5b9e\u4f8b id \u5bf9\u5e94\u7684 document\u3002Document \u5177\u6709\u7ec4\u6210\u4e00\u4e2a\u8282\u70b9\u6811\u7684\u591a\u4e2a\u8282\u70b9\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/virtual-dom-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Virtual-DOM-APIs"><a href="#Virtual-DOM-APIs" class="headerlink" title="Virtual DOM APIs"></a>Virtual DOM APIs</h1><h2 id="Document"><a href="#Document" class="headerlink" title="Document"></a><code>Document</code></h2><p>\u6bcf\u4e2a\u5b9e\u4f8b\u6709\u4e00\u4e2a\u4e0e\u5b9e\u4f8b id \u5bf9\u5e94\u7684 document\u3002Document \u5177\u6709\u7ec4\u6210\u4e00\u4e2a\u8282\u70b9\u6811\u7684\u591a\u4e2a\u8282\u70b9\u3002</p>
 <h3 id="\u6784\u9020\u51fd\u6570"><a href="#\u6784\u9020\u51fd\u6570" class="headerlink" title="\u6784\u9020\u51fd\u6570"></a>\u6784\u9020\u51fd\u6570</h3><h5 id="new-Document-id-string-url-string"><a href="#new-Document-id-string-url-string" class="headerlink" title="new Document(id: string, url: string?)"></a><code>new Document(id: string, url: string?)</code></h5><h3 id="\u6210\u5458"><a href="#\u6210\u5458" class="headerlink" title="\u6210\u5458"></a>\u6210\u5458</h3><h5 id="createElement-tagName-string-props-Object-Element"><a href="#createElement-tagName-string-props-Object-Element" class="headerlink" title="createElement(tagName: string, props: Object?): Element"></a><code>createElement(tagName: string, props: Object?): Element</code></h5><p>\u521b\u5efa\u4e00\u4e2a\u7279\u5b9a\u7c7b\u578b <code>Element</code> \u5bf9\u8c61\u3002<code>props</code> \u5bf9\u8c61\u53ef\u80fd\u5305\u542b\u4e00\u4e2a <code>attr</code> \u5bf9\u8c61\u548c\u4e00\u4e2a <code>style</code> \u5bf9\u8c61\u3002\u4f8b\u5982 <code>createBody(&#39;div&#39;, {style: {backgroundColor: &#39;#ffffff&#39;}})</code></p>
@@ -1108,7 +1081,7 @@
           <a href="/v-0.10/references/specs/virtual-dom-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/text-style.html b/content/cn/v-0.10/references/text-style.html
index 9f109fa..2c5c593 100644
--- a/content/cn/v-0.10/references/text-style.html
+++ b/content/cn/v-0.10/references/text-style.html
@@ -5,49 +5,6 @@
   
   <title>\u6587\u672c\u6837\u5f0f | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6587\u672c\u6837\u5f0fv0.5+
 \u6587\u672c\u7c7b\u7ec4\u4ef6\u5171\u4eab\u4e00\u4e9b\u901a\u7528\u6837\u5f0f, \u8fd9\u7c7b\u7ec4\u4ef6\u76ee\u524d\u5305\u62ec &amp;lt;text&amp;gt; \u548c &amp;lt;input&amp;gt;\u3002
 \u5c5e\u6027
@@ -66,7 +23,7 @@ color {color}\uff1a\u6587\u5b57\u989c\u8272\u3002
 \u53ef\u9009\u503c\u4e3a\u8272\u503c\uff0c\u652f\u6301 RGB\uff08 rgb(255, 0, 0) \uff09\uff1bRGBA\uff08 rgba(255, 0, 0, 0.5) \uff09\uff1b\u5341\u516d\u8fdb\u5236\uff08 #ff0000 \uff09\uff1b\u7cbe\u7b80\u5199\u6cd5\u7684\u5341\u516d\u8fdb\u5236\uff08 #f00 \uff09\uff1b\u8272\u503c\u5173\u952e\u5b57\uff08red\uff09\u3002
 
 lines">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6587\u672c\u6837\u5f0f">
 <meta name="twitter:description" content="\u6587\u672c\u6837\u5f0fv0.5+
@@ -133,13 +90,29 @@ lines">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/text-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ lines">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ lines">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ lines">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ lines">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ lines">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6587\u672c\u6837\u5f0f"><a href="#\u6587\u672c\u6837\u5f0f" class="headerlink" title="\u6587\u672c\u6837\u5f0f"></a>\u6587\u672c\u6837\u5f0f</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u6587\u672c\u7c7b\u7ec4\u4ef6\u5171\u4eab\u4e00\u4e9b\u901a\u7528\u6837\u5f0f, \u8fd9\u7c7b\u7ec4\u4ef6\u76ee\u524d\u5305\u62ec <a href="./components/text.html"><code>&lt;text&gt;</code></a> \u548c <a href="./components/input.html"><code>&lt;input&gt;</code></a>\u3002</p>
@@ -1131,7 +1104,7 @@ lines">
           <a href="/v-0.10/references/text-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/text-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/units.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/units.html b/content/cn/v-0.10/references/units.html
index 0d2f6cd..76de477 100644
--- a/content/cn/v-0.10/references/units.html
+++ b/content/cn/v-0.10/references/units.html
@@ -5,49 +5,6 @@
   
   <title>CSS \u5355\u4f4d | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
 .classA &amp;#123;  /* 3-chars hex */  color: #0f0;  /* 6-chars hex */  color: #00ff00;  /* rgba */  color: rgb(255, 0, 0);  /* rgba */  color: rgba(255, 0, 0, 0.5);  /* transpar">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
 .classA &amp;#123;  /* 3-chars hex */  color: #0f0;  /* 6-chars hex */  color: #00ff00;  /* rgba */  color: rgb(255, 0, 0);  /* rgba */  color: rgba(255, 0, 0, 0.5);  /* transpar">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CSS \u5355\u4f4d">
 <meta name="twitter:description" content="CSS \u5355\u4f4dCSS color \u5355\u4f4d\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/units.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/units.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="CSS-\u5355\u4f4d"><a href="#CSS-\u5355\u4f4d" class="headerlink" title="CSS \u5355\u4f4d"></a>CSS \u5355\u4f4d</h1><h2 id="CSS-color-\u5355\u4f4d"><a href="#CSS-color-\u5355\u4f4d" class="headerlink" title="CSS color \u5355\u4f4d"></a>CSS <code>color</code> \u5355\u4f4d</h2><p>\u652f\u6301\u4ee5\u4e0b\u5199\u6cd5\uff1a</p>
 <figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.classA</span> &#123;</div><div class="line">  <span class="comment">/* 3-chars hex */</span></div><div class="line">  <span class="attribute">color</span>: <span class="number">#0f0</span>;</div><div class="line">  <span class="comment">/* 6-chars hex */</span></div><div class="line">  <span class="attribute">color</span>: <span class="number">#00ff00</span>;</div><div class="line">  <span class="comment">/* rgba */</span></div><div class="line">  <span class="attribute">color</span>: <span class="built_in">rgb</span>(255, 0, 0);</div><div class="line">  <span class="comment">/* rgba */</span></div><div class="line">  <span class="attribute">color</span>: <span class="built_in">rgba</span>(255, 0, 0, 0.5);</div><div class="line">  <span class="comment">/* transparent */</span></div><div class="line">  <span class="attribute">color</span>: transparent;</div><div class="line"
 >  <span class="comment">/* Basic color keywords */</span></div><div class="line">  <span class="attribute">color</span>: orange;</div><div class="line">  <span class="comment">/* Extended color keywords */</span></div><div class="line">  <span class="attribute">color</span>: darkgray;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -1107,7 +1080,7 @@
           <a href="/v-0.10/references/units.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/units.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/units.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/wxc/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/wxc/index.html b/content/cn/v-0.10/references/wxc/index.html
index a54ec4a..117e089 100644
--- a/content/cn/v-0.10/references/wxc/index.html
+++ b/content/cn/v-0.10/references/wxc/index.html
@@ -5,49 +5,6 @@
   
   <title>\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6Weex \u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6\u6307\u7684\u662f\u4ee5 wxc- \u5f00\u5934\u7684\u7ec4\u4ef6\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u4e0d\u5c5e\u4e8e\u5185\u5efa\u7ec4\u4ef6\u7684\u4e00\u90e8\u5206\uff0c\u800c\u662f Weex \u56e2\u961f\u57fa\u4e8e\u5185\u5efa\u7ec4\u4ef6\u6269\u5c55\u7684\u4e00\u4e9b\u5e38\u7528\u7ec4\u4ef6\u3002\u8fd9\u4e9b\u7ec4\u4ef6\u4f9d\u8d56 weex-components\uff0c\u9700\u8981\u5b89\u88c5\u4f9d\u8d56\u540e\u624d\u53ef\u4f7f\u7528\u3002
 \u4f7f\u7528\u65b9\u5f0f\u5982\u4e0b\uff1a
 
@@ -72,7 +29,7 @@ npm install weex-components
 \u4f7f\u7528
 \u9700\u8981\u5728 &amp;lt;script&amp;gt; \u4e2d\u5f15\u5165\u4f9d\u8d56\u3002
 &amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6">
 <meta name="twitter:description" content="\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6Weex \u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6\u6307\u7684\u662f\u4ee5 wxc- \u5f00\u5934\u7684\u7ec4\u4ef6\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u4e0d\u5c5e\u4e8e\u5185\u5efa\u7ec4\u4ef6\u7684\u4e00\u90e8\u5206\uff0c\u800c\u662f Weex \u56e2\u961f\u57fa\u4e8e\u5185\u5efa\u7ec4\u4ef6\u6269\u5c55\u7684\u4e00\u4e9b\u5e38\u7528\u7ec4\u4ef6\u3002\u8fd9\u4e9b\u7ec4\u4ef6\u4f9d\u8d56 weex-components\uff0c\u9700\u8981\u5b89\u88c5\u4f9d\u8d56\u540e\u624d\u53ef\u4f7f\u7528\u3002
@@ -142,13 +99,29 @@ npm install weex-components
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/wxc/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/wxc/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -165,7 +138,7 @@ npm install weex-components
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -466,11 +439,11 @@ npm install weex-components
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -502,11 +475,11 @@ npm install weex-components
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -922,11 +895,11 @@ npm install weex-components
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -958,11 +931,11 @@ npm install weex-components
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1090,7 +1063,7 @@ npm install weex-components
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6"><a href="#\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6" class="headerlink" title="\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6"></a>\u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6</h1><p>Weex \u5b98\u65b9\u6269\u5c55\u7ec4\u4ef6\u6307\u7684\u662f\u4ee5 <code>wxc-</code> \u5f00\u5934\u7684\u7ec4\u4ef6\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u4e0d\u5c5e\u4e8e\u5185\u5efa\u7ec4\u4ef6\u7684\u4e00\u90e8\u5206\uff0c\u800c\u662f Weex \u56e2\u961f\u57fa\u4e8e\u5185\u5efa\u7ec4\u4ef6\u6269\u5c55\u7684\u4e00\u4e9b\u5e38\u7528\u7ec4\u4ef6\u3002\u8fd9\u4e9b\u7ec4\u4ef6\u4f9d\u8d56 <code>weex-components</code>\uff0c\u9700\u8981\u5b89\u88c5\u4f9d\u8d56\u540e\u624d\u53ef\u4f7f\u7528\u3002</p>
 <p>\u4f7f\u7528\u65b9\u5f0f\u5982\u4e0b\uff1a</p>
@@ -1124,7 +1097,7 @@ npm install weex-components
           <a href="/v-0.10/references/wxc/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/wxc/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/wxc/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/wxc/wxc-navpage.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/wxc/wxc-navpage.html b/content/cn/v-0.10/references/wxc/wxc-navpage.html
index b409e77..a03051c 100644
--- a/content/cn/v-0.10/references/wxc/wxc-navpage.html
+++ b/content/cn/v-0.10/references/wxc/wxc-navpage.html
@@ -5,49 +5,6 @@
   
   <title>&lt;wxc-navpage&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;wxc-navpage&amp;gt; (v0.5+)&amp;lt;wxc-navpage&amp;gt; \u7ec4\u4ef6\u662f\u4e00\u4e2a\u5305\u542b navbar \u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u6839\u636e\u4e1a\u52a1\u573a\u666f\u5b9a\u5236 navbar \u7ec4\u4ef6\u3002\u540c\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528 navigator \u6a21\u5757\u63a7\u5236\u9875\u9762\u7684\u8df3\u8f6c\uff0c\u5177\u4f53\u53c2\u8003 navigator module\u3002\u4e00\u822c\u60c5\u51b5\uff0c\u90fd\u662f\u914d\u5408 navbar \u7ec4\u4ef6\u4f7f\u7528\u3002\u5982\u679c\u4e0d\u4e86\u89e3 navigator \u76f8\u5173\u77e5\u8bc6\uff0c\u5efa\u8bae\u5148\u4e86\u89e3\u4e0b iOS \u6216\u8005 Andr">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<wxc-navpage>">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;wxc-navpage&amp;gt; (v0.5+)&amp;lt;wxc-navpage&amp;gt; \u7ec4\u4ef6\u662f\u4e00\u4e2a\u5305\u542b navbar \u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u6839\u636e\u4e1a\u52a1\u573a\u666f\u5b9a\u5236 navbar \u7ec4\u4ef6\u3002\u540c\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528 navigator \u6a21\u5757\u63a7\u5236\u9875\u9762\u7684\u8df3\u8f6c\uff0c\u5177\u4f53\u53c2\u8003 navigator module\u3002\u4e00\u822c\u60c5\u51b5\uff0c\u90fd\u662f\u914d\u5408 navbar \u7ec4\u4ef6\u4f7f\u7528\u3002\u5982\u679c\u4e0d\u4e86\u89e3 navigator \u76f8\u5173\u77e5\u8bc6\uff0c\u5efa\u8bae\u5148\u4e86\u89e3\u4e0b iOS \u6216\u8005 Andr">
 <meta property="og:image" content="https://weex.apache.org/../images/nav.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<wxc-navpage>">
 <meta name="twitter:description" content="&amp;lt;wxc-navpage&amp;gt; (v0.5+)&amp;lt;wxc-navpage&amp;gt; \u7ec4\u4ef6\u662f\u4e00\u4e2a\u5305\u542b navbar \u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u6839\u636e\u4e1a\u52a1\u573a\u666f\u5b9a\u5236 navbar \u7ec4\u4ef6\u3002\u540c\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528 navigator \u6a21\u5757\u63a7\u5236\u9875\u9762\u7684\u8df3\u8f6c\uff0c\u5177\u4f53\u53c2\u8003 navigator module\u3002\u4e00\u822c\u60c5\u51b5\uff0c\u90fd\u662f\u914d\u5408 navbar \u7ec4\u4ef6\u4f7f\u7528\u3002\u5982\u679c\u4e0d\u4e86\u89e3 navigator \u76f8\u5173\u77e5\u8bc6\uff0c\u5efa\u8bae\u5148\u4e86\u89e3\u4e0b iOS \u6216\u8005 Andr">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/wxc/wxc-navpage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/wxc/wxc-navpage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -441,11 +414,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -477,11 +450,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -897,11 +870,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -933,11 +906,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1065,7 +1038,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-wxc-navpage-gt-v0-5"><a href="#lt-wxc-navpage-gt-v0-5" class="headerlink" title="&lt;wxc-navpage&gt; (v0.5+)"></a>&lt;wxc-navpage&gt; <sup>(v0.5+)</sup></h1><p><code>&lt;wxc-navpage&gt;</code> \u7ec4\u4ef6\u662f\u4e00\u4e2a\u5305\u542b navbar \u7684\u5bb9\u5668\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u6839\u636e\u4e1a\u52a1\u573a\u666f\u5b9a\u5236 navbar \u7ec4\u4ef6\u3002\u540c\u65f6\uff0c\u53ef\u4ee5\u4f7f\u7528 <code>navigator</code> \u6a21\u5757\u63a7\u5236\u9875\u9762\u7684\u8df3\u8f6c\uff0c\u5177\u4f53\u53c2\u8003 <a href="../modules/navigator.html"><code>navigator module</code></a>\u3002\u4e00\u822c\u60c5\u51b5\uff0c\u90fd\u662f\u914d\u5408 navbar \u7ec4\u4ef6\u4f7f\u7528\u3002\u5982\u679c\u4e0d\u4e86\u89e3 navigator \u76f8\u5173\u77e5\u8bc6\uff0c\u5efa\u8bae\u5148\u4e86\u89e3\u4e0b iOS \u6216\u8005 Android \u7684\u76f8\u5173\u7ec4\u4ef6\u3002\u5728 H5 \u4e0a\uff0c\u5176\u5b9e\u662f\u76f8\u5f53\u4e8e\u5bfc\u822a\u680f\u3002</p>
 <p>\u7528\u6cd5\uff1a\u5728 <code>script</code> \u6807\u7b7e\u4e2d\u901a\u8fc7\u4e00\u4e2a <code>require</code> \u8bed\u53e5\u5f15\u5165\uff0c\u5373\uff1a<code>require(&#39;weex-components&#39;);</code></p>
@@ -1153,7 +1126,7 @@
           <a href="/v-0.10/references/wxc/wxc-navpage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/wxc/wxc-navpage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/wxc/wxc-navpage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/wxc/wxc-tabbar.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/wxc/wxc-tabbar.html b/content/cn/v-0.10/references/wxc/wxc-tabbar.html
index 3ca2f27..b92a63c 100644
--- a/content/cn/v-0.10/references/wxc/wxc-tabbar.html
+++ b/content/cn/v-0.10/references/wxc/wxc-tabbar.html
@@ -5,49 +5,6 @@
   
   <title>&lt;wxc-tabbar&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;wxc-tabbar&amp;gt;&amp;lt;wxc-tabbar&amp;gt; \u662f\u4e00\u4e2a\u540d\u4e3a weex-components \u4f9d\u8d56\u5e93\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002&amp;lt;wxc-tabbar&amp;gt; \u80fd\u5728\u7a97\u53e3\u7684\u5e95\u90e8\u663e\u793a tab \u9875\u9762\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 tab \u9875\u9762\u4e4b\u95f4\u5207\u6362\u3002
 \u7528\u6cd5\uff1a\u5728 script \u6807\u7b7e\u4e2d\u901a\u8fc7\u4e00\u4e2a require \u8bed\u53e5\u5f15\u5165\uff0c\u5373\uff1arequire(&amp;#39;weex-components&amp;#39;);
 \u793a\u4f8b">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;wxc-tabbar&amp;gt;&amp;lt;wxc-tabbar&amp;gt; \u662f\u4e00\u4e2a\u540d\u4e3a weex-components \u4f9d\u8d56\u5e93\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002&amp;lt;wxc-tabbar&amp;gt; \u80fd\u5728\u7a97\u53e3\u7684\u5e95\u90e8\u663e\u793a tab \u9875\u9762\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 tab \u9875\u9762\u4e4b\u95f4\u5207\u6362\u3002
 \u7528\u6cd5\uff1a\u5728 script \u6807\u7b7e\u4e2d\u901a\u8fc7\u4e00\u4e2a require \u8bed\u53e5\u5f15\u5165\uff0c\u5373\uff1arequire(&amp;#39;weex-components&amp;#39;);
 \u793a\u4f8b">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<wxc-tabbar>">
 <meta name="twitter:description" content="&amp;lt;wxc-tabbar&amp;gt;&amp;lt;wxc-tabbar&amp;gt; \u662f\u4e00\u4e2a\u540d\u4e3a weex-components \u4f9d\u8d56\u5e93\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002&amp;lt;wxc-tabbar&amp;gt; \u80fd\u5728\u7a97\u53e3\u7684\u5e95\u90e8\u663e\u793a tab \u9875\u9762\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 tab \u9875\u9762\u4e4b\u95f4\u5207\u6362\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/wxc/wxc-tabbar.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/wxc/wxc-tabbar.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-wxc-tabbar-gt"><a href="#lt-wxc-tabbar-gt" class="headerlink" title="&lt;wxc-tabbar&gt;"></a>&lt;wxc-tabbar&gt;</h1><p><code>&lt;wxc-tabbar&gt;</code> \u662f\u4e00\u4e2a\u540d\u4e3a <code>weex-components</code> \u4f9d\u8d56\u5e93\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u3002<code>&lt;wxc-tabbar&gt;</code> \u80fd\u5728\u7a97\u53e3\u7684\u5e95\u90e8\u663e\u793a tab \u9875\u9762\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 tab \u9875\u9762\u4e4b\u95f4\u5207\u6362\u3002</p>
 <p>\u7528\u6cd5\uff1a\u5728 <code>script</code> \u6807\u7b7e\u4e2d\u901a\u8fc7\u4e00\u4e2a <code>require</code> \u8bed\u53e5\u5f15\u5165\uff0c\u5373\uff1a<code>require(&#39;weex-components&#39;);</code></p>
@@ -1145,7 +1118,7 @@
           <a href="/v-0.10/references/wxc/wxc-tabbar.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/wxc/wxc-tabbar.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/wxc/wxc-tabbar.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/tools/devtools-android.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/tools/devtools-android.html b/content/cn/v-0.10/tools/devtools-android.html
index 722bf32..69e720b 100644
--- a/content/cn/v-0.10/tools/devtools-android.html
+++ b/content/cn/v-0.10/tools/devtools-android.html
@@ -5,49 +5,6 @@
   
   <title>Devtools for Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtools for Android              
 Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and deb">
 <meta property="og:type" content="website">
@@ -64,7 +21,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
 <meta property="og:image" content="https://api.bintray.com/packages/alibabaweex/maven/weex_inspector/images/download.svg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools for Android">
 <meta name="twitter:description" content="Devtools for Android              
@@ -127,13 +84,29 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -301,7 +274,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools-for-Android"><a href="#Devtools-for-Android" class="headerlink" title="Devtools for Android"></a>Devtools for Android</h1><p><a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external"><img src="https://img.shields.io/github/release/weexteam/weex_devtools_android.svg" alt="GitHub release"></a>   <a href="https://www.codacy.com/app/weex_devtools/weex_devtools_android?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=weexteam/weex_devtools_android&amp;utm_campaign=Badge_Grade" target="_blank" rel="external"><img src="https://api.codacy.com/project/badge/Grade/af0790bf45c9480fb0ec90ad834b89a3" alt="Codacy Badge"></a>     <a href="https://codeclimate.com/github/weexteam/weex_devtools_android" target="_blank" rel="external"><img src="https://codeclimate.com/github/weexteam/weex_devtools_android/badges/gpa.svg" alt="Code Climate"></a> <a href="https://codeclimate.com/github/weexteam/weex_devtools_android" target="_bl
 ank" rel="external"><img src="https://codeclimate.com/github/weexteam/weex_devtools_android/badges/issue_count.svg" alt="Issue Count"></a> <a href="https://github.com/weexteam/weex_devtools_android/issues" target="_blank" rel="external"><img src="https://img.shields.io/github/issues/weexteam/weex_devtools_android.svg" alt="GitHub issues"></a>  <a href="https://bintray.com/alibabaweex/maven/weex_inspector/_latestVersion" target="_blank" rel="external"> <img src="https://api.bintray.com/packages/alibabaweex/maven/weex_inspector/images/download.svg" alt="Download"> </a></p>
 <p>Weex devtools is a custom devtools for weex that implements <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a> inspired by <a href="https://github.com/facebook/stetho" target="_blank" rel="external">Stetho</a>, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page.At present The devtools consist of two part : <code>Inspector</code> and <code>Debugger</code>. If you want it work well, you must install a <code>weex-devtool</code> as debug server.</p>
@@ -395,7 +368,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           <a href="/v-0.10/tools/devtools-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[23/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/scroller.html b/content/cn/v-0.10/references/components/scroller.html
index e493ff7..bb83eb6 100644
--- a/content/cn/v-0.10/references/components/scroller.html
+++ b/content/cn/v-0.10/references/components/scroller.html
@@ -5,49 +5,6 @@
   
   <title>&lt;scroller&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 &amp;lt;scroller&amp;gt; \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002
 \u6ce8\u610f\uff1a &amp;lt;scroller&amp;gt; \u53ef\u4ee5\u5f53\u4f5c\u6839\u5143\u7d20\u6216\u8005\u5d4c\u5957\u5143\u7d20\u4f7f\u7528\u3002\u6b64\u7ec4\u4ef6\u7684\u6eda\u52a8\u65b9\u5411\u662f\u5782\u76f4\u65b9\u5411\u7684\u5f62\u5f0f\u3002
@@ -64,7 +21,7 @@
 &amp;lt;template&amp;gt;  &amp;lt;scroller onloadmore">
 <meta property="og:image" content="https://weex.apache.org/../images/scroller_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/../images/div_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<scroller>">
 <meta name="twitter:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
@@ -130,13 +87,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-scroller-gt"><a href="#lt-scroller-gt" class="headerlink" title="&lt;scroller&gt;"></a>&lt;scroller&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;scroller&gt;</code> \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002</p>
@@ -1167,7 +1140,7 @@
           <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/slider.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/slider.html b/content/cn/v-0.10/references/components/slider.html
index 1bc14aa..3f47ede 100644
--- a/content/cn/v-0.10/references/components/slider.html
+++ b/content/cn/v-0.10/references/components/slider.html
@@ -5,49 +5,6 @@
   
   <title>&lt;slider&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
 \u5b50\u7ec4\u4ef6\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a
 
@@ -66,7 +23,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
 
 \u7279\u6027
 auto-play {boolean}\uff1a\u53ef\u9009">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<slider>">
 <meta name="twitter:description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
@@ -133,13 +90,29 @@ auto-play {boolean}\uff1a\u53ef\u9009">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-slider-gt"><a href="#lt-slider-gt" class="headerlink" title="&lt;slider&gt;"></a>&lt;slider&gt;</h1><p><code>&lt;slider&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a <code>\u8f6e\u64ad\u56fe</code>\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a</p>
@@ -1148,7 +1121,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/switch.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/switch.html b/content/cn/v-0.10/references/components/switch.html
index 420c595..5dc0eb4 100644
--- a/content/cn/v-0.10/references/components/switch.html
+++ b/content/cn/v-0.10/references/components/switch.html
@@ -5,49 +5,6 @@
   
   <title>&lt;switch&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;switch&amp;gt;v0.6.1+
 &amp;lt;switch&amp;gt; \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;switch&amp;gt; \u7ec4\u4ef6\u4e0d\u652f\u6301\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
@@ -64,7 +21,7 @@ disab">
 \u7279\u6027
 checked {boolean}\uff1a\u9ed8\u8ba4\u503c\u4e3a false\uff0c\u8868\u660e\u6309\u94ae\u662f\u5426\u5f00\u542f is on or not.
 disab">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<switch>">
 <meta name="twitter:description" content="&amp;lt;switch&amp;gt;v0.6.1+
@@ -130,13 +87,29 @@ disab">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ disab">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@ disab">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@ disab">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@ disab">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-switch-gt"><a href="#lt-switch-gt" class="headerlink" title="&lt;switch&gt;"></a>&lt;switch&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;switch&gt;</code> \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002</p>
@@ -1152,7 +1125,7 @@ disab">
           <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/text.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/text.html b/content/cn/v-0.10/references/components/text.html
index 1740339..512137b 100644
--- a/content/cn/v-0.10/references/components/text.html
+++ b/content/cn/v-0.10/references/components/text.html
@@ -5,49 +5,6 @@
   
   <title>&lt;text&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
 \u7279\u6027
@@ -66,7 +23,7 @@ value {string}: \u7ec4\u4ef6\u7684\u503c\uff0c\u4e0e &amp;lt;text&amp;gt; \u6807\u7b7e\u4e2d\u7684\u6587\u672c\u5185\u5bb9
 
 \u6837\u5f0f
 lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<text>">
 <meta name="twitter:description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
@@ -133,13 +90,29 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-text-gt"><a href="#lt-text-gt" class="headerlink" title="&lt;text&gt;"></a>&lt;text&gt;</h1><p><code>&lt;text&gt;</code> \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002<code>&lt;text&gt;</code> \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 <code>{{}}</code> \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1153,7 +1126,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/textarea.html b/content/cn/v-0.10/references/components/textarea.html
index 760e6ab..683f2de 100644
--- a/content/cn/v-0.10/references/components/textarea.html
+++ b/content/cn/v-0.10/references/components/textarea.html
@@ -5,49 +5,6 @@
   
   <title>&lt;textarea&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;textarea&amp;gt;v0.8+
 textarea \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 &amp;lt;input&amp;gt;
 Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684\u4e8b\u4ef6\u3002
@@ -66,7 +23,7 @@ Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684
 \u7279\u6027
 value {string}\uff1a\u7ec4\u4ef6\u7684\u63a5\u6536\u5230\u7684\u8f93\u5165\u5b57\u7b26\u3002
 placehold">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<textarea>">
 <meta name="twitter:description" content="&amp;lt;textarea&amp;gt;v0.8+
@@ -133,13 +90,29 @@ placehold">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ placehold">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ placehold">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ placehold">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ placehold">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-textarea-gt"><a href="#lt-textarea-gt" class="headerlink" title="&lt;textarea&gt;"></a>&lt;textarea&gt;</h1><p><span class="weex-version">v0.8+</span></p>
 <p><code>textarea</code> \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 <code>&lt;input&gt;</code></p>
@@ -1179,7 +1152,7 @@ placehold">
           <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/video.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/video.html b/content/cn/v-0.10/references/components/video.html
index 1f8b089..93f2c2f 100644
--- a/content/cn/v-0.10/references/components/video.html
+++ b/content/cn/v-0.10/references/components/video.html
@@ -5,49 +5,6 @@
   
   <title>&lt;video&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;video&amp;gt;v0.6.1+
 &amp;lt;video&amp;gt; \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6
@@ -70,7 +27,7 @@ auto-p">
 src {string}\uff1a\u5185\u5d4c\u7684\u89c6\u9891\u6307\u5411\u7684URL
 play-status {string}\uff1a\u53ef\u9009\u503c\u4e3a play | pause\uff0c\u7528\u6765\u63a7\u5236\u89c6\u9891\u7684\u64ad\u653e\u72b6\u6001\uff0cplay \u6216\u8005 pause\uff0c\u9ed8\u8ba4\u503c\u662f pause\u3002
 auto-p">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<video>">
 <meta name="twitter:description" content="&amp;lt;video&amp;gt;v0.6.1+
@@ -139,13 +96,29 @@ auto-p">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ auto-p">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -463,11 +436,11 @@ auto-p">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -499,11 +472,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -919,11 +892,11 @@ auto-p">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -955,11 +928,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1087,7 +1060,7 @@ auto-p">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-video-gt"><a href="#lt-video-gt" class="headerlink" title="&lt;video&gt;"></a>&lt;video&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;video&gt;</code> \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002</p>
@@ -1140,7 +1113,7 @@ auto-p">
           <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/web.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/web.html b/content/cn/v-0.10/references/components/web.html
index efbe56f..df2c1c1 100644
--- a/content/cn/v-0.10/references/components/web.html
+++ b/content/cn/v-0.10/references/components/web.html
@@ -5,49 +5,6 @@
   
   <title>&lt;web&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;web&amp;gt;v0.5+
 \u4f7f\u7528 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002src \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 webview module \u6765\u63a7\u5236 web \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b webview module\u3002
 \u5b50\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
@@ -68,7 +25,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 
 \u6837\u5f0f
 \u901a\u7528\u6837\u5f0f\uff1a\u4e0d\u652f\u6301\u90e8\u5206\u76d2">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -136,13 +93,29 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -460,11 +433,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -496,11 +469,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -916,11 +889,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -952,11 +925,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1084,7 +1057,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002<code>src</code> \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 <code>webview module</code> \u6765\u63a7\u5236 <code>web</code> \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b <a href="../modules/webview.html"><code>webview</code> module</a>\u3002</p>
@@ -1150,7 +1123,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/gesture.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/gesture.html b/content/cn/v-0.10/references/gesture.html
index 1952919..c71681c 100644
--- a/content/cn/v-0.10/references/gesture.html
+++ b/content/cn/v-0.10/references/gesture.html
@@ -5,49 +5,6 @@
   
   <title>\u624b\u52bf | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
 Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e on \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
@@ -62,7 +19,7 @@ Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
 
 Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b\u52bf\u3002\u89e6\u6478\u624b\u52bf\u5f88\u7cbe\u51c6\uff0c\u5b83\u4f1a\u8fd4\u56de\u6240\u6709\u8be6\u7ec6\u7684\u4e8b\u4ef6\u4fe1\u606f\u3002\u6240\u4ee5\uff0c\u76d1\u542c touch \u624b\u52bf\u53ef\u80fd\u5f88\u6162\uff0c\u5373\u4f7f\u53ea\u79fb\u52a8\u4e00\u4e01\u70b9\u4e5f\u9700\u8981\u5904\u7406\u5927\u91cf\u4e8b\u4ef6\u3002\u6709\u4e09\u79cd">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u624b\u52bf">
 <meta name="twitter:description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
@@ -127,13 +84,29 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -451,11 +424,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -487,11 +460,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -907,11 +880,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -943,11 +916,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1075,7 +1048,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u624b\u52bf"><a href="#\u624b\u52bf" class="headerlink" title="\u624b\u52bf"></a>\u624b\u52bf</h1><p><em>\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd</em></p>
 <p>Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e <code>on</code> \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002</p>
@@ -1142,7 +1115,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/gesture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/index.html b/content/cn/v-0.10/references/index.html
index a9113b8..e876198 100644
--- a/content/cn/v-0.10/references/index.html
+++ b/content/cn/v-0.10/references/index.html
@@ -5,49 +5,6 @@
   
   <title>Bootstrap | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Bootstrap\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c&amp;lt;script&amp;gt;\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 type \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002
 
 type=&amp;quot;data&amp;quot;: \u914d\u7f6e\u521d\u59cb\u5316\u6570\u636e\uff0c\u8fd9\u91cc\u5b9a\u4e49\u7684\u6570\u636e\u4f1a\u8986\u76d6\u5b9a\u4e49\u5728&amp;lt;script&amp;gt;\u4e2d\u7684\u6570\u636e\uff1b
@@ -64,7 +21,7 @@ type=&amp;quot;data&amp;quot;: \u914d\u7f6e\u521d\u59cb\u5316\u6570\u636e\uff0c\u8fd9\u91cc\u5b9a\u4e49\u7684\u6570\u636e\u4f1a
 type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
 
 &amp;lt;script type=&quot;data&quot;&amp;gt;  /* (\u53ef\u9009) \u5b9a\u4e49\u521d">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Bootstrap">
 <meta name="twitter:description" content="Bootstrap\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c&amp;lt;script&amp;gt;\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 type \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002
@@ -130,13 +87,29 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Bootstrap"><a href="#Bootstrap" class="headerlink" title="Bootstrap"></a>Bootstrap</h1><p>\u9664\u4e86\u5176\u9ed8\u8ba4\u7684\u610f\u4e49\uff0c<code>&lt;script&gt;</code>\u6807\u7b7e\u652f\u6301\u5728\u9875\u9762\u7684\u9876\u7ea7\u7ec4\u4ef6\u4e2d\u901a\u8fc7 <code>type</code> \u5c5e\u6027\u5b9a\u4e49\u4e24\u79cd\u914d\u7f6e\u3002</p>
 <ul>
@@ -1117,7 +1090,7 @@ type=&amp;quot;config&amp;quot;: \u5b9a\u4e49\u914d\u7f6e\u9879\u3002
           <a href="/v-0.10/references/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/animation.html b/content/cn/v-0.10/references/modules/animation.html
index 0fda39c..a087c1b 100644
--- a/content/cn/v-0.10/references/modules/animation.html
+++ b/content/cn/v-0.10/references/modules/animation.html
@@ -5,49 +5,6 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;l">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;l">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="animation-\u52a8\u753b"><a href="#animation-\u52a8\u753b" class="headerlink" title="animation \u52a8\u753b"></a><code>animation</code> \u52a8\u753b</h1><p>\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0c<code>animation</code> \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a <code>&lt;image&gt;</code> \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"test"</span> <span class="attr">class</span>=<span class="string">"test"</span> <span class="attr">onclick</span>=<span class="string">"run"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span
  class="selector-class">.test</span> &#123; <span class="attribute">background-color</span>: <span class="number">#6666ff</span>; <span class="attribute">width</span>: <span class="number">200</span>; <span class="attribute">height</span>: <span class="number">200</span>; &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> animation = <span class="built_in">require</span>(<span class="string">'@weex-module/animation'</span>)</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">run</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">        
 <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$el(<span class="string">'test'</span>)</div><div class="line">        animation.transition(testEl, &#123;</div><div class="line">          <span class="attr">styles</span>: &#123;</div><div class="line">            <span class="attr">backgroundColor</span>: <span class="string">'#FF0000'</span>,</div><div class="line">            <span class="attr">transform</span>: <span class="string">'translate(100px, 100px)'</span></div><div class="line">          &#125;,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0</span>, <span class="comment">//ms</span></div><div class="line">          timingFunction: <span class="string">'ease'</span>,</div><div class="line">          <span class="string">'transform-origin'</span>: <span class="string">'center center'</span>,</div><div class="line">          <span class="attr">delay</span>: <span class="number">0</span> <span class="co
 mment">//ms</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'animation finished.'</span>)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -1234,7 +1207,7 @@
           <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[13/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/list.html
----------------------------------------------------------------------
diff --git a/content/references/components/list.html b/content/references/components/list.html
index 4f882f5..c6a6034 100644
--- a/content/references/components/list.html
+++ b/content/references/components/list.html
@@ -5,49 +5,6 @@
   
   <title>&lt;list&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Listv0.6.1+
 The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.
 It can provide excellent experience an">
@@ -58,7 +15,7 @@ It can provide excellent experience an">
 <meta property="og:description" content="Listv0.6.1+
 The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.
 It can provide excellent experience an">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<list>">
 <meta name="twitter:description" content="Listv0.6.1+
@@ -121,13 +78,29 @@ It can provide excellent experience an">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/list.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ It can provide excellent experience an">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ It can provide excellent experience an">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ It can provide excellent experience an">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ It can provide excellent experience an">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ It can provide excellent experience an">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ It can provide excellent experience an">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ It can provide excellent experience an">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ It can provide excellent experience an">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="List"><a href="#List" class="headerlink" title="List"></a>List</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.</p>
@@ -1369,7 +1342,7 @@ It can provide excellent experience an">
 <h4 id="Difference-between-loading-child-component-and-onloadmore-event"><a href="#Difference-between-loading-child-component-and-onloadmore-event" class="headerlink" title="Difference between loading child component and onloadmore event"></a>Difference between loading child component and onloadmore event</h4><p>loading is a child component that can response to the onloading  event, and this event can only be triggered when the  scroller/list has been scrolled down to the bottom.<br>onloadmore is an event that will be triggered when the rest of the scroller/list is less than loadmoreoffset long.</p>
 <h3 id="Restrictions"><a href="#Restrictions" class="headerlink" title="Restrictions"></a>Restrictions</h3><p>Nested lists or scrollers within the same direction are not supported. In other words. nested lists/scroller must have different directions.<br>For example, a vertical list nested in a vertical list or scroller is not allowed. However, a vertical list nested in a horizontal list or scroller is legal.</p>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class=
 "name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">cell</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">list</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></div><div class="line">  <span class="keyw
 ord">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      fetch (event) &#123;</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line"></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">const</span> len
 gth = <span class="keyword">this</span>.lists.length</div><div class="line">          <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i &lt; length + LOADMORE_COUNT; ++i) &#123;</div><div class="line">            <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line">          &#125;</div><div class="line">        &#125;, <span class="number">800</span>)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line"> 
    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</
 div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/list.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1391,7 +1364,7 @@ It can provide excellent experience an">
           <a href="/references/components/list.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/list.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/content/references/components/refresh.html b/content/references/components/refresh.html
index 4ce4c0d..e6f7f00 100644
--- a/content/references/components/refresh.html
+++ b/content/references/components/refresh.html
@@ -5,49 +5,6 @@
   
   <title>&lt;refresh&gt; &amp; &lt;loading&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="refresh &amp;amp; loadingv0.6.1+
 Loading ComponentsTo be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.
 Child ComponentsAny other compon">
@@ -58,7 +15,7 @@ Child ComponentsAny other compon">
 <meta property="og:description" content="refresh &amp;amp; loadingv0.6.1+
 Loading ComponentsTo be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.
 Child ComponentsAny other compon">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<refresh> & <loading>">
 <meta name="twitter:description" content="refresh &amp;amp; loadingv0.6.1+
@@ -121,13 +78,29 @@ Child ComponentsAny other compon">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/refresh.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Child ComponentsAny other compon">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Child ComponentsAny other compon">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Child ComponentsAny other compon">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Child ComponentsAny other compon">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Child ComponentsAny other compon">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Child ComponentsAny other compon">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Child ComponentsAny other compon">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Child ComponentsAny other compon">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="refresh-amp-loading"><a href="#refresh-amp-loading" class="headerlink" title="refresh &amp; loading"></a>refresh &amp; loading</h1><p><span class="weex-version">v0.6.1+</span></p>
 <h2 id="Loading-Components"><a href="#Loading-Components" class="headerlink" title="Loading Components"></a>Loading Components</h2><p>To be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.</p>
@@ -1372,7 +1345,7 @@ Child ComponentsAny other compon">
 <li>refresh/loading can only be hidden or displayed with an attribute display with value of show or hide. And there should be a statement of display=\u2019hide\u2019 when display=\u2019show\u2019 shows up in an event function, or your scroller may not response to user inputs.</li>
 </ul>
 <h3 id="example"><a href="#example" class="headerlink" title="example"></a>example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">refresh</span> <span class="attr">class</span>=<span class="string">"refresh"</span> @<span class="attr">refresh</span>=<span class="string">"onrefresh"</span> @<span class="attr">pullingdown</span>=<span class="string">"onpullingdown"</span> <span class="attr">:display</span>=<span class="string">"refreshing ? 'show' : 'hide'"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"indicator"</span>&gt;</span>Refreshing ...<s
 pan class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">refresh</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div 
 class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">refreshing</span>: <span class="literal">false</span>,</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="nu
 mber">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onrefresh (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'is refreshing'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'refresh'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line">        <span class="keyword">this</span>.refreshing = <span class="literal">true</span></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">this</span>.refreshing = <span class="literal">false</span></div><div class="line">        &#125;, <span class="number">2000</span>)</div><div class="line">      &#125;,</div><div class="l
 ine">      onpullingdown (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'is onpulling down'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pulling down'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.indicator</span> &#123;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number"
 >42px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div c
 lass="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/refresh.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d3db5f344220a6339de044a5e33c502b" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1394,7 +1367,7 @@ Child ComponentsAny other compon">
           <a href="/references/components/refresh.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/refresh.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/content/references/components/scroller.html b/content/references/components/scroller.html
index a7b78ed..0d23f7d 100644
--- a/content/references/components/scroller.html
+++ b/content/references/components/scroller.html
@@ -5,49 +5,6 @@
   
   <title>&lt;scroller&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scrolle">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ A scroller is a component in vertical direction which can have multiple child co
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scrolle">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<scroller>">
 <meta name="twitter:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
@@ -118,13 +75,29 @@ A scroller is a component in vertical direction which can have multiple child co
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ A scroller is a component in vertical direction which can have multiple child co
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ A scroller is a component in vertical direction which can have multiple child co
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ A scroller is a component in vertical direction which can have multiple child co
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ A scroller is a component in vertical direction which can have multiple child co
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ A scroller is a component in vertical direction which can have multiple child co
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ A scroller is a component in vertical direction which can have multiple child co
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ A scroller is a component in vertical direction which can have multiple child co
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ A scroller is a component in vertical direction which can have multiple child co
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-scroller-gt"><a href="#lt-scroller-gt" class="headerlink" title="&lt;scroller&gt;"></a>&lt;scroller&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scroller, the whole child components will be scrollable.</p>
@@ -1359,7 +1332,7 @@ A scroller is a component in vertical direction which can have multiple child co
 </ul>
 <h2 id="Restrictions"><a href="#Restrictions" class="headerlink" title="Restrictions"></a>Restrictions</h2><p>Nested lists or scrollers within the same direction are not supported. In other words. nested lists/scroller must have different directions.<br>For example, a vertical list nested in a vertical list or scroller is not allowed. However, a vertical list nested in a horizontal list or scroller is legal.</p>
 <h2 id="example"><a href="#example" class="headerlink" title="example"></a>example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<spa
 n class="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>&gt;</span>&#123;&#123;name&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 10<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"g
 oto20"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 20<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">r
 ows</span>: []</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i &lt; <span class="number">30</span>; i++) &#123;</div><div class="line">        <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      goto10 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123;&#125;)</div><div class="line">      &#125;,</div><div class="line">      goto20 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <
 span class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123; <span class="attr">offset</span>: <span class="number">0</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.scroller</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">3px</span>;</div><div class="line">    <span class="
 attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.row</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-bottom-style</span>: solid;</div><div class="line">    <span class="attribute">borde
 r-bottom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attri
 bute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <s
 pan class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/scroller.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/2f22f14fb711d88515e63c3f67bed46a" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1381,7 +1354,7 @@ A scroller is a component in vertical direction which can have multiple child co
           <a href="/references/components/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/slider.html
----------------------------------------------------------------------
diff --git a/content/references/components/slider.html b/content/references/components/slider.html
index 5c451bd..9be471b 100644
--- a/content/references/components/slider.html
+++ b/content/references/components/slider.html
@@ -5,49 +5,6 @@
   
   <title>&lt;slider&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
 Child ComponentsIt supports all kinds of weex compo">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsIt supports all kinds of weex compo">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
 Child ComponentsIt supports all kinds of weex compo">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<slider>">
 <meta name="twitter:description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
@@ -118,13 +75,29 @@ Child ComponentsIt supports all kinds of weex compo">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsIt supports all kinds of weex compo">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Child ComponentsIt supports all kinds of weex compo">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Child ComponentsIt supports all kinds of weex compo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Child ComponentsIt supports all kinds of weex compo">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Child ComponentsIt supports all kinds of weex compo">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Child ComponentsIt supports all kinds of weex compo">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Child ComponentsIt supports all kinds of weex compo">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Child ComponentsIt supports all kinds of weex compo">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-slider-gt"><a href="#lt-slider-gt" class="headerlink" title="&lt;slider&gt;"></a>&lt;slider&gt;</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.</p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>It supports all kinds of weex components as its slides, especially the <code>indicator</code> component which can be used only as a child component of <code>slider</code>.</p>
@@ -1353,7 +1326,7 @@ Child ComponentsIt supports all kinds of weex compo">
 <li>support <code>appear</code> / <code>disappear</code> event. Check out <a href="../common-event.html">common events</a></li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"3000"</span> <span class="attr">auto-play</span>=<span class="string">"true"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class="
 string">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">slider</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.image</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribu
 te">height</span>: <span class="number">700px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.slider</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.frame</span> &#123;</div><div class="line">  
   <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">position</span>: relative;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">imageList</span>: [</div><div class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div>
 <div class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;</div><div class="line">        ]</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/slider.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/0c43ffd743c90b3bd9f5371062652e60" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1375,7 +1348,7 @@ Child ComponentsIt supports all kinds of weex compo">
           <a href="/references/components/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/switch.html
----------------------------------------------------------------------
diff --git a/content/references/components/switch.html b/content/references/components/switch.html
index eee9a38..f96c4b5 100644
--- a/content/references/components/switch.html
+++ b/content/references/components/switch.html
@@ -5,49 +5,6 @@
   
   <title>&lt;switch&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;switch&amp;gt;v0.6.1+
 The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.
 Child C">
@@ -58,7 +15,7 @@ Child C">
 <meta property="og:description" content="&amp;lt;switch&amp;gt;v0.6.1+
 The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.
 Child C">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<switch>">
 <meta name="twitter:description" content="&amp;lt;switch&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@ Child C">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Child C">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Child C">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Child C">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Child C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Child C">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Child C">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Child C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Child C">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-switch-gt"><a href="#lt-switch-gt" class="headerlink" title="&lt;switch&gt;"></a>&lt;switch&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.</p>
@@ -1362,7 +1335,7 @@ Child C">
 <li>timestamp: the time stamp of the event.</li>
 </ul>
 <h2 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>&gt;</span>normal<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  
   <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>&gt;</span>checked<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">checked</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>
 &gt;</span>disabled<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span> <span class="attr">checked</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="stri
 ng">"label"</span>&gt;</span>onchange<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>&#123;&#123;checked&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascrip
 t"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">checked</span>: <span class="literal">false</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">`onchage, value: <span class="subst">$&#123;event.value&#125;</span>`</span>)</div><div class="line">        <span class="keyword">this</span>.checked = event.value</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"
 ></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.example</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: flex-start;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.label</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">350px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#
 666</span>;</div><div class="line">    <span class="attribute">text-align</span>: right;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">10px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/switch.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/06b1d740fb69d04f9ebe9eaf730974d1" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1384,7 +1357,7 @@ Child C">
           <a href="/references/components/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[34/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/loading.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/loading.html b/content/cn/references/components/loading.html
index a9e65d5..ceea21d 100644
--- a/content/cn/references/components/loading.html
+++ b/content/cn/references/components/loading.html
@@ -5,49 +5,6 @@
   
   <title>&lt;loading&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;loading&amp;gt;v0.6.1+
 &amp;lt;loading&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;refresh&amp;gt; \u7c7b\u4f3c\uff0c \u662f &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;loading&amp;gt;v0.6.1+
 &amp;lt;loading&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;refresh&amp;gt; \u7c7b\u4f3c\uff0c \u662f &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<loading>">
 <meta name="twitter:description" content="&amp;lt;loading&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/loading.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-loading-gt"><a href="#lt-loading-gt" class="headerlink" title="&lt;loading&gt;"></a>&lt;loading&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;loading&gt;</code> \u4e3a <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e <code>&lt;refresh&gt;</code> \u7c7b\u4f3c\uff0c \u662f <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002</p>
@@ -1386,6 +1359,7 @@
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&l
 t;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">loading</span> <span class="attr">class</span>=<span class="string">"loading"</span> @<span class="attr">loading</span>=<span class="string">"onloading"</span> <span class="attr">:display</span>=<span class="string">"showLoading"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"indicator"</span>&gt;</span>Loading ...<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">loading</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line">
 <span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">showLoading</span>: <span class="string">'hide'</span>,</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="n
 umber">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onloading (event) &#123;</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'loading'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line">        <span class="keyword">this</span>.showLoading = <span class="string">'show'</span></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">const</span> length = <span class="keyword">this</span>.lists.length</div><div class="line">          <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i &lt; length + LOADMORE_COUNT; ++i) &#123;</div><div class="line">            <span class="keyword">this</span>.lists.pus
 h(i + <span class="number">1</span>)</div><div class="line">          &#125;</div><div class="line">          <span class="keyword">this</span>.showLoading = <span class="string">'hide'</span></div><div class="line">        &#125;, <span class="number">1500</span>)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">7
 5px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</s
 pan>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.loading</span> &#123;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.indicator</span> &#123;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">42px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div cl
 ass="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
+<p><a href="http://dotwe.org/vue/d5c1b2336a703a6e6e47c303af41ffcd" target="_blank" rel="external">Try it</a></p>
 
   </div>
   
@@ -1407,7 +1381,7 @@
           <a href="/references/components/loading.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/loading.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/refresh.html b/content/cn/references/components/refresh.html
index 9d1a33a..e59e265 100644
--- a/content/cn/references/components/refresh.html
+++ b/content/cn/references/components/refresh.html
@@ -5,49 +5,6 @@
   
   <title>&lt;refresh&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;refresh&amp;gt;v0.6.1+
 &amp;lt;refresh&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;loading&amp;gt; \u7c7b\u4f3c\uff0c&amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50\u7ec4\u4ef6">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;refresh&amp;gt;v0.6.1+
 &amp;lt;refresh&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;loading&amp;gt; \u7c7b\u4f3c\uff0c&amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50\u7ec4\u4ef6">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<refresh>">
 <meta name="twitter:description" content="&amp;lt;refresh&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/refresh.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-refresh-gt"><a href="#lt-refresh-gt" class="headerlink" title="&lt;refresh&gt;"></a>&lt;refresh&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;refresh&gt;</code> \u4e3a <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e <code>&lt;loading&gt;</code> \u7c7b\u4f3c\uff0c<code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002</p>
@@ -1387,7 +1360,7 @@
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">refresh</span> <span class="attr">class</span>=<span class="string">"refresh"</span> @<span class="attr">refresh</span>=<span class="string">"onrefresh"</span> @<span class="attr">pullingdown</span>=<span class="string">"onpullingdown"</span> <span class="attr">:display</span>=<span class="string">"refreshing ? 'show' : 'hide'"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"indicator"</span>&gt;</span>Refreshing ...<span 
 class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">refresh</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div clas
 s="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">refreshing</span>: <span class="literal">false</span>,</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number
 ">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onrefresh (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'is refreshing'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'refresh'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line">        <span class="keyword">this</span>.refreshing = <span class="literal">true</span></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">this</span>.refreshing = <span class="literal">false</span></div><div class="line">        &#125;, <span class="number">2000</span>)</div><div class="line">      &#125;,</div><div class="line"
 >      onpullingdown (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'is onpulling down'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pulling down'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.indicator</span> &#123;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">42p
 x</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class
 ="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/refresh.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d3db5f344220a6339de044a5e33c502b" target="_blank" rel="external">try it</a></p>
 <p>\u66f4\u591a\u793a\u4f8b\u53ef\u67e5\u770b <a href="./list.html"><code>&lt;list&gt;</code></a></p>
 
   </div>
@@ -1410,7 +1383,7 @@
           <a href="/references/components/refresh.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/refresh.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/scroller.html b/content/cn/references/components/scroller.html
index 42c16f9..b2f1c25 100644
--- a/content/cn/references/components/scroller.html
+++ b/content/cn/references/components/scroller.html
@@ -5,49 +5,6 @@
   
   <title>&lt;scroller&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 &amp;lt;scroller&amp;gt; \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002
 \u6ce8\u610f\uff1a &amp;lt;scroller&amp;gt; \u53ef\u4ee5\u5f53\u4f5c\u6839\u5143\u7d20\u6216\u8005\u5d4c\u5957\u5143\u7d20\u4f7f\u7528\u3002\u6b64\u7ec4\u4ef6\u7684\u6eda\u52a8\u65b9\u5411\u662f\u5782\u76f4\u65b9\u5411\u7684\u5f62\u5f0f\u3002
@@ -65,7 +22,7 @@
 
 &amp;">
 <meta property="og:image" content="https://weex.apache.org/../images/scroller_1.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<scroller>">
 <meta name="twitter:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
@@ -132,13 +89,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -155,7 +128,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -526,11 +499,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -562,11 +535,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -599,11 +572,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -746,7 +719,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1122,11 +1095,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1158,11 +1131,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1195,11 +1168,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1342,7 +1315,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1360,7 +1333,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-scroller-gt"><a href="#lt-scroller-gt" class="headerlink" title="&lt;scroller&gt;"></a>&lt;scroller&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;scroller&gt;</code> \u662f\u4e00\u4e2a\u7ad6\u76f4\u7684\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u591a\u4e2a\u6392\u6210\u4e00\u5217\u7684\u5b50\u7ec4\u4ef6\u7684\u6eda\u52a8\u5668\u3002\u5982\u679c\u5b50\u7ec4\u4ef6\u7684\u603b\u9ad8\u5ea6\u9ad8\u4e8e\u5176\u672c\u8eab\uff0c\u90a3\u4e48\u6240\u6709\u7684\u5b50\u7ec4\u4ef6\u90fd\u53ef\u6eda\u52a8\u3002</p>
@@ -1421,7 +1394,7 @@
 <h2 id="\u7ea6\u675f"><a href="#\u7ea6\u675f" class="headerlink" title="\u7ea6\u675f"></a>\u7ea6\u675f</h2><p><strong>\u4e0d\u5141\u8bb8</strong>\u76f8\u540c\u65b9\u5411\u7684 <code>&lt;list&gt;</code> \u6216\u8005 <code>&lt;scroller&gt;</code> \u4e92\u76f8\u5d4c\u5957\uff0c\u6362\u53e5\u8bdd\u8bf4\u5c31\u662f\u5d4c\u5957\u7684 <code>&lt;list&gt;</code>/<code>&lt;scroller&gt;</code> \u5fc5\u987b\u662f\u4e0d\u540c\u7684\u65b9\u5411\u3002</p>
 <p>\u4e3e\u4e2a\u4f8b\u5b50\uff0c<strong>\u4e0d\u5141\u8bb8</strong>\u4e00\u4e2a\u5782\u76f4\u65b9\u5411\u7684 <code>&lt;list&gt;</code> \u5d4c\u5957\u7684\u4e00\u4e2a\u5782\u76f4\u65b9\u5411\u7684 <code>&lt;scroller&gt;</code> \u4e2d\uff0c\u4f46\u662f\u4e00\u4e2a\u5782\u76f4\u65b9\u5411\u7684 <code>&lt;list&gt;</code> \u662f\u53ef\u4ee5\u5d4c\u5957\u7684\u4e00\u4e2a\u6c34\u5e73\u65b9\u5411\u7684 <code>&lt;list&gt;</code> \u6216\u8005 <code>&lt;scroller&gt;</code> \u4e2d\u7684\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span cl
 ass="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>&gt;</span>&#123;&#123;name&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 10<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto2
 0"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 20<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">rows<
 /span>: []</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i &lt; <span class="number">30</span>; i++) &#123;</div><div class="line">        <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      goto10 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123;&#125;)</div><div class="line">      &#125;,</div><div class="line">      goto20 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span
  class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123; <span class="attr">offset</span>: <span class="number">0</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.scroller</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">3px</span>;</div><div class="line">    <span class="attr
 ibute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.row</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-bottom-style</span>: solid;</div><div class="line">    <span class="attribute">border-bo
 ttom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute
 ">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span 
 class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/scroller.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/2f22f14fb711d88515e63c3f67bed46a" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1443,7 +1416,7 @@
           <a href="/references/components/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/slider.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/slider.html b/content/cn/references/components/slider.html
index 81b05dd..bcd7306 100644
--- a/content/cn/references/components/slider.html
+++ b/content/cn/references/components/slider.html
@@ -5,49 +5,6 @@
   
   <title>&lt;slider&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
 \u5b50\u7ec4\u4ef6\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a
 
@@ -66,7 +23,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
 
 \u7279\u6027
 auto-play {boolean}\uff1a\u53ef\u9009">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<slider>">
 <meta name="twitter:description" content="&amp;lt;slider&amp;gt;&amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a \u8f6e\u64ad\u56fe\u3002
@@ -133,13 +90,29 @@ auto-play {boolean}\uff1a\u53ef\u9009">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link current ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ auto-play {boolean}\uff1a\u53ef\u9009">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-slider-gt"><a href="#lt-slider-gt" class="headerlink" title="&lt;slider&gt;"></a>&lt;slider&gt;</h1><p><code>&lt;slider&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u5728\u4e00\u4e2a\u9875\u9762\u4e2d\u5c55\u793a\u591a\u4e2a\u56fe\u7247\uff0c\u5728\u524d\u7aef\uff0c\u8fd9\u79cd\u6548\u679c\u88ab\u79f0\u4e3a <code>\u8f6e\u64ad\u56fe</code>\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u652f\u6301\u4efb\u610f\u7c7b\u578b\u7684 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5176\u5b50\u7ec4\u4ef6\u3002 \u5176\u4e2d\uff0c\u8fd8\u652f\u6301\u4ee5\u4e0b\u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u5c55\u793a\u7279\u6b8a\u6548\u679c\uff1a</p>
@@ -1406,7 +1379,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"3000"</span> <span class="attr">auto-play</span>=<span class="string">"true"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class="stri
 ng">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">slider</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.image</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">
 height</span>: <span class="number">700px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.slider</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.frame</span> &#123;</div><div class="line">    <s
 pan class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">position</span>: relative;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">imageList</span>: [</div><div class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div
  class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;</div><div class="line">        ]</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/slider.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/0c43ffd743c90b3bd9f5371062652e60" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1428,7 +1401,7 @@ auto-play {boolean}\uff1a\u53ef\u9009">
           <a href="/references/components/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/switch.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/switch.html b/content/cn/references/components/switch.html
index 9b0738f..5342ea0 100644
--- a/content/cn/references/components/switch.html
+++ b/content/cn/references/components/switch.html
@@ -5,49 +5,6 @@
   
   <title>&lt;switch&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;switch&amp;gt;v0.6.1+
 &amp;lt;switch&amp;gt; \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;switch&amp;gt; \u7ec4\u4ef6\u4e0d\u652f\u6301\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
@@ -64,7 +21,7 @@ disab">
 \u7279\u6027
 checked {boolean}\uff1a\u9ed8\u8ba4\u503c\u4e3a false\uff0c\u8868\u660e\u6309\u94ae\u662f\u5426\u5f00\u542f is on or not.
 disab">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<switch>">
 <meta name="twitter:description" content="&amp;lt;switch&amp;gt;v0.6.1+
@@ -130,13 +87,29 @@ disab">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ disab">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -524,11 +497,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -560,11 +533,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -597,11 +570,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -744,7 +717,7 @@ disab">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1120,11 +1093,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1156,11 +1129,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1193,11 +1166,11 @@ disab">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1340,7 +1313,7 @@ disab">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1358,7 +1331,7 @@ disab">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-switch-gt"><a href="#lt-switch-gt" class="headerlink" title="&lt;switch&gt;"></a>&lt;switch&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;switch&gt;</code> \u662f Weex \u7684\u5185\u7f6e\u7ec4\u4ef6\uff0c\u7528\u6765\u521b\u5efa\u4e0e iOS \u4e00\u81f4\u6837\u5f0f\u7684\u6309\u94ae\u3002\u4f8b\u5982\uff0c\u5728 iPhone \u4e2d\u7684\u8bbe\u7f6e\u5e94\u7528\u4e2d\u7684\u98de\u884c\u6a21\u5f0f\u6309\u94ae\u5c31\u662f\u4e00\u4e2a switch \u6309\u94ae\u3002</p>
@@ -1410,7 +1383,7 @@ disab">
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>&gt;</span>normal<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span 
 class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>&gt;</span>checked<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">checked</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"label"</span>&gt;</sp
 an>disabled<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span> <span class="attr">checked</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> <span class="attr">disabled</span>=<span class="string">"true"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"example"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"lab
 el"</span>&gt;</span>onchange<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">switch</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>&gt;</span><span class="tag">&lt;/<span class="name">switch</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>&#123;&#123;checked&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></spa
 n></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">checked</span>: <span class="literal">false</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">`onchage, value: <span class="subst">$&#123;event.value&#125;</span>`</span>)</div><div class="line">        <span class="keyword">this</span>.checked = event.value</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><
 div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.example</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: flex-start;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.label</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">350px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666</spa
 n>;</div><div class="line">    <span class="attribute">text-align</span>: right;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">10px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/switch.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/06b1d740fb69d04f9ebe9eaf730974d1" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1432,7 +1405,7 @@ disab">
           <a href="/references/components/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[22/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/clipboard.html b/content/cn/v-0.10/references/modules/clipboard.html
index ec1641d..0f74437 100644
--- a/content/cn/v-0.10/references/modules/clipboard.html
+++ b/content/cn/v-0.10/references/modules/clipboard.html
@@ -5,49 +5,6 @@
   
   <title>clipboard | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="clipboard \u526a\u5207\u677fv0.8+
 \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 clipboard \u6a21\u5757\u7684 getString()\u3001setString() \u63a5\u53e3\u4ece\u7cfb\u7edf\u7684\u7c98\u8d34\u677f\u83b7\u53d6\u5185\u5bb9\u6216\u8005\u8bbe\u7f6e\u5185\u5bb9\u3002
 \u4ee5\u524d\u5f53\u6211\u4eec\u6536\u5230\u4e00\u6761\u77ed\u4fe1\u9a8c\u8bc1\u7801\u4fe1\u606f\u65f6\uff0c\u9664\u4e86\u4eba\u8089\u62f7\u8d1d\uff0c\u6211\u4eec\u65e0\u6cd5\u83b7\u53d6\u62f7\u8d1d\u77ed\u4fe1\u7684\u5185\u5bb9\u3002\u8fd9\u662f\u975e\u5e38\u82e6\u607c\u7684\u3002\u4f46\u662f\u73b0\u5728\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u7684\u8c03\u7528 clipboard.getString() \u63a5\u53e3\u6765\u83b7\u53d6\u77ed\u4fe1\u5185\u5bb9\u4e86\u3002
@@ -60,7 +17,7 @@
 \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 clipboard \u6a21\u5757\u7684 getString()\u3001setString() \u63a5\u53e3\u4ece\u7cfb\u7edf\u7684\u7c98\u8d34\u677f\u83b7\u53d6\u5185\u5bb9\u6216\u8005\u8bbe\u7f6e\u5185\u5bb9\u3002
 \u4ee5\u524d\u5f53\u6211\u4eec\u6536\u5230\u4e00\u6761\u77ed\u4fe1\u9a8c\u8bc1\u7801\u4fe1\u606f\u65f6\uff0c\u9664\u4e86\u4eba\u8089\u62f7\u8d1d\uff0c\u6211\u4eec\u65e0\u6cd5\u83b7\u53d6\u62f7\u8d1d\u77ed\u4fe1\u7684\u5185\u5bb9\u3002\u8fd9\u662f\u975e\u5e38\u82e6\u607c\u7684\u3002\u4f46\u662f\u73b0\u5728\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u7684\u8c03\u7528 clipboard.getString() \u63a5\u53e3\u6765\u83b7\u53d6\u77ed\u4fe1\u5185\u5bb9\u4e86\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="clipboard">
 <meta name="twitter:description" content="clipboard \u526a\u5207\u677fv0.8+
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/clipboard.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="clipboard-\u526a\u5207\u677f"><a href="#clipboard-\u526a\u5207\u677f" class="headerlink" title="clipboard \u526a\u5207\u677f"></a><code>clipboard</code> \u526a\u5207\u677f</h1><p><span class="weex-version">v0.8+</span></p>
 <p>\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 <code>clipboard</code> \u6a21\u5757\u7684 <code>getString()</code>\u3001<code>setString()</code> \u63a5\u53e3\u4ece\u7cfb\u7edf\u7684\u7c98\u8d34\u677f\u83b7\u53d6\u5185\u5bb9\u6216\u8005\u8bbe\u7f6e\u5185\u5bb9\u3002</p>
@@ -1119,7 +1092,7 @@
           <a href="/v-0.10/references/modules/clipboard.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/dom.html b/content/cn/v-0.10/references/modules/dom.html
index eed7272..7700673 100644
--- a/content/cn/v-0.10/references/modules/dom.html
+++ b/content/cn/v-0.10/references/modules/dom.html
@@ -5,49 +5,6 @@
   
   <title>dom | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="dom\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002
 \u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002
 \u5f00\u53d1\u8005\u5728\u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u552f\u4e00\u53ef\u5728 .we \u6587\u4ef6\u4e2d\u4f7f\u7528\u7684\u662f scrollToElement\u3002\u4f60\u4e5f\u53ef\u4ee5\u8c03\u7528 $scrollTo \u65b9\u6cd5\u6765\u4f7f\u7528\u5b83
@@ -60,7 +17,7 @@
 \u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002
 \u5f00\u53d1\u8005\u5728\u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u552f\u4e00\u53ef\u5728 .we \u6587\u4ef6\u4e2d\u4f7f\u7528\u7684\u662f scrollToElement\u3002\u4f60\u4e5f\u53ef\u4ee5\u8c03\u7528 $scrollTo \u65b9\u6cd5\u6765\u4f7f\u7528\u5b83
 \u8fd9\u4e2a\u9875\u9762\u63d0\u53ca\u7684\u5176\u4ed6\u7684 API\uff0c\u53ea\u5728 callNative \u8fdb\u7a0b\u4e2d\u7684 native \u6e32\u67d3\u5668\u7528\u3002\uff08\u5173\u4e8e callNativ">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom">
 <meta name="twitter:description" content="dom\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/dom.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="dom"><a href="#dom" class="headerlink" title="dom"></a>dom</h1><p>\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002</p>
 <p>\u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002</p>
@@ -1111,7 +1084,7 @@
           <a href="/v-0.10/references/modules/dom.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/dom.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/globalevent.html b/content/cn/v-0.10/references/modules/globalevent.html
index 43ff948..dee1116 100644
--- a/content/cn/v-0.10/references/modules/globalevent.html
+++ b/content/cn/v-0.10/references/modules/globalevent.html
@@ -5,49 +5,6 @@
   
   <title>globalEvent | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5168\u5c40\u4e8b\u4ef60.8 (\u5f00\u53d1\u4e2d)
 globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684\u53d8\u5316\u3002\u5168\u5c40\u4e8b\u4ef6\u662f\u9700\u8981\u989d\u5916 APIs \u5904\u7406\u7684\u6b21\u8981 API\u3002\u4f60\u80fd\u901a\u8fc7 addEventListener \u6ce8\u518c\u4e8b\u4ef6\u76d1\u542c\uff0c\u5f53\u4f60\u4e0d\u518d\u9700\u8981\u7684\u65f6\u5019\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 removingEventListener \u53d6\u6d88\u4e8b\u4ef6\u76d1\u542c\u3002
 \u63d0\u9192
@@ -66,7 +23,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
 \u8fd9\u662f\u4e00\u4e2a\u5b9e\u4f8b\u7ea7\u522b\u7684\u4e8b\u4ef6\uff0c\u800c\u975e\u5e94\u7528\u7ea7\u522b\u3002
 
 \u5982\u4f55\u8ba9\u4f60\u7684\u6a21\u5757\u652f\u6301\u5168\u5c40\u4e8b\u4ef6API \u5f00\u53d1\u5b8c\u6210\u540e\uff0c\u5f53">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="globalEvent">
 <meta name="twitter:description" content="\u5168\u5c40\u4e8b\u4ef60.8 (\u5f00\u53d1\u4e2d)
@@ -133,13 +90,29 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/globalevent.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5168\u5c40\u4e8b\u4ef6"><a href="#\u5168\u5c40\u4e8b\u4ef6" class="headerlink" title="\u5168\u5c40\u4e8b\u4ef6"></a>\u5168\u5c40\u4e8b\u4ef6</h1><p><span class="weex-version">0.8 (\u5f00\u53d1\u4e2d)</span></p>
 <p><code>globalEvent</code> \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684\u53d8\u5316\u3002\u5168\u5c40\u4e8b\u4ef6\u662f\u9700\u8981\u989d\u5916 APIs \u5904\u7406\u7684\u6b21\u8981 API\u3002\u4f60\u80fd\u901a\u8fc7 <code>addEventListener</code> \u6ce8\u518c\u4e8b\u4ef6\u76d1\u542c\uff0c\u5f53\u4f60\u4e0d\u518d\u9700\u8981\u7684\u65f6\u5019\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 <code>removingEventListener</code> \u53d6\u6d88\u4e8b\u4ef6\u76d1\u542c\u3002</p>
@@ -1128,7 +1101,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
           <a href="/v-0.10/references/modules/globalevent.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/index.html b/content/cn/v-0.10/references/modules/index.html
index 2ba518e..f57447b 100644
--- a/content/cn/v-0.10/references/modules/index.html
+++ b/content/cn/v-0.10/references/modules/index.html
@@ -5,49 +5,6 @@
   
   <title>\u5185\u5efa\u6a21\u5757 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c require(&amp;#39;@weex-module/name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
 var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apos;someIdForElement&apos;), &amp;#123;  offset: 0&amp;#125;)">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c require(&amp;#39;@weex-module/name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
 var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apos;someIdForElement&apos;), &amp;#123;  offset: 0&amp;#125;)">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5185\u5efa\u6a21\u5757">
 <meta name="twitter:description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c require(&amp;#39;@weex-module/name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
@@ -118,13 +75,29 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -442,11 +415,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -478,11 +451,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -898,11 +871,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1066,7 +1039,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5185\u5efa\u6a21\u5757"><a href="#\u5185\u5efa\u6a21\u5757" class="headerlink" title="\u5185\u5efa\u6a21\u5757"></a>\u5185\u5efa\u6a21\u5757</h1><h2 id="\u5982\u4f55\u4f7f\u7528"><a href="#\u5982\u4f55\u4f7f\u7528" class="headerlink" title="\u5982\u4f55\u4f7f\u7528"></a>\u5982\u4f55\u4f7f\u7528</h2><p>\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c <code>require(&#39;@weex-module/name&#39;)</code> \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a</p>
 <figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="keyword">var</span> dom = <span class="built_in">require</span>(<span class="string">'@weex-module/dom'</span>)</div><div class="line">dom.scrollToElement(<span class="keyword">this</span>.$el(<span class="string">'someIdForElement'</span>), &#123;</div><div class="line">  <span class="attr">offset</span>: <span class="number">0</span></div><div class="line">&#125;)</div></pre></td></tr></table></figure>
@@ -1091,7 +1064,7 @@ var dom = require(&apos;@weex-module/dom&apos;)dom.scrollToElement(this.$el(&apo
           <a href="/v-0.10/references/modules/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/modal.html b/content/cn/v-0.10/references/modules/modal.html
index 91b23f0..bda002e 100644
--- a/content/cn/v-0.10/references/modules/modal.html
+++ b/content/cn/v-0.10/references/modules/modal.html
@@ -5,49 +5,6 @@
   
   <title>modal | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="modal \u6a21\u6001modal \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1atoast\u3001alert\u3001confirm \u548c prompt\u3002
 APItoast(options)toast() \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002
 \u53c2\u6570
@@ -60,7 +17,7 @@ options {Objec">
 APItoast(options)toast() \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002
 \u53c2\u6570
 options {Objec">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="modal">
 <meta name="twitter:description" content="modal \u6a21\u6001modal \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1atoast\u3001alert\u3001confirm \u548c prompt\u3002
@@ -124,13 +81,29 @@ options {Objec">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/modal.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ options {Objec">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@ options {Objec">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@ options {Objec">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@ options {Objec">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="modal-\u6a21\u6001"><a href="#modal-\u6a21\u6001" class="headerlink" title="modal \u6a21\u6001"></a><code>modal</code> \u6a21\u6001</h1><p><code>modal</code> \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1a<code>toast</code>\u3001<code>alert</code>\u3001<code>confirm</code> \u548c <code>prompt</code>\u3002</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="toast-options"><a href="#toast-options" class="headerlink" title="toast(options)"></a><code>toast(options)</code></h3><p><code>toast()</code> \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002</p>
@@ -1145,7 +1118,7 @@ options {Objec">
           <a href="/v-0.10/references/modules/modal.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/modal.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/navigator.html b/content/cn/v-0.10/references/modules/navigator.html
index 551b2f6..0ad53ec 100644
--- a/content/cn/v-0.10/references/modules/navigator.html
+++ b/content/cn/v-0.10/references/modules/navigator.html
@@ -5,49 +5,6 @@
   
   <title>navigator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
 \u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 navigator \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;div&quot;&amp;gt;    &amp;lt;text class=&quot;text&quot; o">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
 \u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 navigator \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002
 \u793a\u4f8b&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;div&quot;&amp;gt;    &amp;lt;text class=&quot;text&quot; o">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="navigator">
 <meta name="twitter:description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/navigator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="navigator-\u5bfc\u822a\u63a7\u5236"><a href="#navigator-\u5bfc\u822a\u63a7\u5236" class="headerlink" title="navigator \u5bfc\u822a\u63a7\u5236"></a><code>navigator</code> \u5bfc\u822a\u63a7\u5236</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>\u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 <code>navigator</code> \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002</p>
@@ -1116,7 +1089,7 @@
           <a href="/v-0.10/references/modules/navigator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/storage.html b/content/cn/v-0.10/references/modules/storage.html
index 3a32efe..15699b2 100644
--- a/content/cn/v-0.10/references/modules/storage.html
+++ b/content/cn/v-0.10/references/modules/storage.html
@@ -5,49 +5,6 @@
   
   <title>storage | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
 \u5907\u6ce8\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528
 storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58\u50a8\u3001\u4fee\u6539\u3001\u5220\u9664\uff0c\u5e76\u4e14\u8be5\u6570\u636e\u662f\u6c38\u4e45\u4fdd\u5b58\u7684\uff0c\u9664\u975e\u624b\u52a8\u6e05\u9664\u6216\u8005\u4ee3\u7801\u6e05\u9664\u3002\u4f46\u662f\uff0cstorage \u6a21\u5757\u6709\u4e00\u4e2a\u9650\u5236\u5c31\u662f\u6d4f\u89c8\u5668\u7aef\uff08H5\uff09\u53ea\u80fd\u5b58\u50a8\u5c0f\u4e8e5M\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u5728 H5/Web \u7aef\u7684\u5b9e\u73b0\u662f\u91c7\u7528 HTML5 LocalStorage API\u3002\u800c Android \u548c iOS \u8fd9\u5757\u662f\u6ca1\u4ec0">
@@ -58,7 +15,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
 <meta property="og:description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
 \u5907\u6ce8\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528
 storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58\u50a8\u3001\u4fee\u6539\u3001\u5220\u9664\uff0c\u5e76\u4e14\u8be5\u6570\u636e\u662f\u6c38\u4e45\u4fdd\u5b58\u7684\uff0c\u9664\u975e\u624b\u52a8\u6e05\u9664\u6216\u8005\u4ee3\u7801\u6e05\u9664\u3002\u4f46\u662f\uff0cstorage \u6a21\u5757\u6709\u4e00\u4e2a\u9650\u5236\u5c31\u662f\u6d4f\u89c8\u5668\u7aef\uff08H5\uff09\u53ea\u80fd\u5b58\u50a8\u5c0f\u4e8e5M\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u5728 H5/Web \u7aef\u7684\u5b9e\u73b0\u662f\u91c7\u7528 HTML5 LocalStorage API\u3002\u800c Android \u548c iOS \u8fd9\u5757\u662f\u6ca1\u4ec0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="storage">
 <meta name="twitter:description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
@@ -121,13 +78,29 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/storage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="storage-\u672c\u5730\u5b58\u50a8"><a href="#storage-\u672c\u5730\u5b58\u50a8" class="headerlink" title="storage \u672c\u5730\u5b58\u50a8"></a><code>storage</code> \u672c\u5730\u5b58\u50a8</h1><p><span class="weex-version">v0.7+</span></p>
 <p><strong>\u5907\u6ce8</strong>\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528</p>
@@ -1155,7 +1128,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
           <a href="/v-0.10/references/modules/storage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/storage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/stream.html b/content/cn/v-0.10/references/modules/stream.html
index ad14783..c69ce77 100644
--- a/content/cn/v-0.10/references/modules/stream.html
+++ b/content/cn/v-0.10/references/modules/stream.html
@@ -5,49 +5,6 @@
   
   <title>stream | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="stream\u6982\u8ff0\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002
 APIfetch(options, callback[,progressCallback])\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42
 \u53c2\u6570
@@ -68,7 +25,7 @@ options {Object}\uff1a\u8bf7\u6c42\u7684\u4e00\u4e9b\u9009\u9879
 method {string}\uff1aHTTP \u65b9\u6cd5 GET \u6216\u662f POST
 url {string}\uff1a\u8bf7\u6c42\u7684 URL
 headers {Object}\uff1aHTTP \u8bf7\u6c42">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="stream">
 <meta name="twitter:description" content="stream\u6982\u8ff0\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002
@@ -136,13 +93,29 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/stream.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -460,11 +433,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -496,11 +469,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -916,11 +889,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -952,11 +925,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1084,7 +1057,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="stream"><a href="#stream" class="headerlink" title="stream"></a>stream</h1><h2 id="\u6982\u8ff0"><a href="#\u6982\u8ff0" class="headerlink" title="\u6982\u8ff0"></a>\u6982\u8ff0</h2><p>\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="fetch-options-callback-progressCallback"><a href="#fetch-options-callback-progressCallback" class="headerlink" title="fetch(options, callback[,progressCallback])"></a><code>fetch(options, callback[,progressCallback])</code></h3><p>\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42</p>
@@ -1145,7 +1118,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
           <a href="/v-0.10/references/modules/stream.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/stream.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/modules/webview.html b/content/cn/v-0.10/references/modules/webview.html
index 22267df..a20def4 100644
--- a/content/cn/v-0.10/references/modules/webview.html
+++ b/content/cn/v-0.10/references/modules/webview.html
@@ -5,49 +5,6 @@
   
   <title>webview | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="webview\u4e00\u7cfb\u5217\u7684 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5171\u7528\u3002
 \u793a\u4f8b\u67e5\u770b \u7b80\u5355\u6d4f\u89c8\u5668 \uff0c\u4e00\u4e2a\u7ed3\u5408 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u548c webview module \u7684\u793a\u4f8b\u3002
 APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
@@ -62,7 +19,7 @@ webElement">
 APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
 \u53c2\u6570
 webElement">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webview">
 <meta name="twitter:description" content="webview\u4e00\u7cfb\u5217\u7684 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5171\u7528\u3002
@@ -127,13 +84,29 @@ webElement">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/webview.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ webElement">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -451,11 +424,11 @@ webElement">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -487,11 +460,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -907,11 +880,11 @@ webElement">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -943,11 +916,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1075,7 +1048,7 @@ webElement">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a><code>webview</code></h1><p>\u4e00\u7cfb\u5217\u7684 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 <code>goBack</code>\u3001<code>goForward</code>\u3001\u548c <code>reload</code>\u3002<code>webview</code> module \u4e0e <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5171\u7528\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><p>\u67e5\u770b <a href="../components/web.html">\u7b80\u5355\u6d4f\u89c8\u5668</a> \uff0c\u4e00\u4e2a\u7ed3\u5408 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u548c <code>webview</code> module \u7684\u793a\u4f8b\u3002</p>
@@ -1116,7 +1089,7 @@ webElement">
           <a href="/v-0.10/references/modules/webview.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/webview.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/replace.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/replace.html b/content/cn/v-0.10/references/replace.html
index 1bfc017..d9f55c0 100644
--- a/content/cn/v-0.10/references/replace.html
+++ b/content/cn/v-0.10/references/replace.html
@@ -5,56 +5,13 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Replace optionThe replace option is boolean type. It determined whether this composed component will be replaced with the &amp;lt;template&amp;gt; content or just as a normal &amp;lt;div&amp;gt; element which include">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/v-0.10/references/replace.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Replace optionThe replace option is boolean type. It determined whether this composed component will be replaced with the &amp;lt;template&amp;gt; content or just as a normal &amp;lt;div&amp;gt; element which include">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
 <meta name="twitter:description" content="Replace optionThe replace option is boolean type. It determined whether this composed component will be replaced with the &amp;lt;template&amp;gt; content or just as a normal &amp;lt;div&amp;gt; element which include">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/replace.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/replace.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -219,7 +192,7 @@
   <div class="article-entry" itemprop="articleBody">
     <header class="article-header">
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Replace-option"><a href="#Replace-option" class="headerlink" title="Replace option"></a>Replace option</h1><p>The <code>replace</code> option is boolean type. It determined whether this composed component will be replaced with the <code>&lt;template&gt;</code> content or just as a normal <code>&lt;div&gt;</code> element which include the <code>&lt;template&gt;</code> content.</p>
 <p>For example:</p>
@@ -252,7 +225,7 @@
           <a href="/v-0.10/references/replace.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/replace.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/replace.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[25/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/index.html b/content/cn/v-0.10/guide/syntax/index.html
index f50a393..d087538 100644
--- a/content/cn/v-0.10/guide/syntax/index.html
+++ b/content/cn/v-0.10/guide/syntax/index.html
@@ -5,49 +5,6 @@
   
   <title>\u8bed\u6cd5\u4ecb\u7ecd | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u8bed\u6cd5\u7efc\u8ff0Weex \u4ee3\u7801\u7531 &amp;lt;template&amp;gt;\u3001&amp;lt;style&amp;gt;\u3001&amp;lt;script&amp;gt; \u4e09\u4e2a\u90e8\u5206\u6784\u6210\u3002
 
 &amp;lt;template&amp;gt;\uff1a\u5fc5\u987b\u7684\uff0c\u4f7f\u7528 HTML \u8bed\u6cd5\u63cf\u8ff0\u9875\u9762\u7ed3\u6784\uff0c\u5185\u5bb9\u7531\u591a\u4e2a\u6807\u7b7e\u7ec4\u6210\uff0c\u4e0d\u540c\u7684\u6807\u7b7e\u4ee3\u8868\u4e0d\u540c\u7684\u7ec4\u4ef6\u3002
@@ -62,7 +19,7 @@
 &amp;lt;template&amp;gt;\uff1a\u5fc5\u987b\u7684\uff0c\u4f7f\u7528 HTML \u8bed\u6cd5\u63cf\u8ff0\u9875\u9762\u7ed3\u6784\uff0c\u5185\u5bb9\u7531\u591a\u4e2a\u6807\u7b7e\u7ec4\u6210\uff0c\u4e0d\u540c\u7684\u6807\u7b7e\u4ee3\u8868\u4e0d\u540c\u7684\u7ec4\u4ef6\u3002
 &amp;lt;style&amp;gt;\uff1a\u53ef\u9009\u7684\uff0c\u4f7f\u7528 CSS \u8bed\u6cd5\u63cf\u8ff0\u9875\u9762\u7684\u5177\u4f53\u5c55\u73b0\u5f62\u5f0f\u3002
 &amp;lt;script&amp;gt;\uff1a\u53ef\u9009\u7684\uff0c\u4f7f\u7528 JavaScri">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u8bed\u6cd5\u4ecb\u7ecd">
 <meta name="twitter:description" content="\u8bed\u6cd5\u7efc\u8ff0Weex \u4ee3\u7801\u7531 &amp;lt;template&amp;gt;\u3001&amp;lt;style&amp;gt;\u3001&amp;lt;script&amp;gt; \u4e09\u4e2a\u90e8\u5206\u6784\u6210\u3002
@@ -127,13 +84,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -525,7 +498,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u8bed\u6cd5\u7efc\u8ff0"><a href="#\u8bed\u6cd5\u7efc\u8ff0" class="headerlink" title="\u8bed\u6cd5\u7efc\u8ff0"></a>\u8bed\u6cd5\u7efc\u8ff0</h1><p>Weex \u4ee3\u7801\u7531 <code>&lt;template&gt;</code>\u3001<code>&lt;style&gt;</code>\u3001<code>&lt;script&gt;</code> \u4e09\u4e2a\u90e8\u5206\u6784\u6210\u3002</p>
 <ul>
@@ -586,7 +559,7 @@
           <a href="/v-0.10/guide/syntax/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/render-logic.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/render-logic.html b/content/cn/v-0.10/guide/syntax/render-logic.html
index c0ff45d..c3d47cd 100644
--- a/content/cn/v-0.10/guide/syntax/render-logic.html
+++ b/content/cn/v-0.10/guide/syntax/render-logic.html
@@ -5,49 +5,6 @@
   
   <title>\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236appendappend \u7279\u6027\u5b9a\u4e49\u4e86\u5f53\u524d\u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\uff1a
 
 \u4ee5\u4e00\u6574\u68f5\u6811\u7684\u65b9\u5f0f\u4e00\u6b21\u6027\u6dfb\u52a0\u5230\u89c6\u56fe\u4e2d (append=&amp;quot;tree&amp;quot;)\uff0c\u8fd8\u662f
@@ -64,7 +21,7 @@
 \u6bcf\u4e2a\u5b50\u7ec4\u4ef6\u90fd\u4ea7\u751f\u4e00\u6b21\u5355\u72ec\u7684\u6dfb\u52a0\u5230\u89c6\u56fe\u7684\u6307\u4ee4 (append=&amp;quot;node&amp;quot;)
 
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div&amp;gt;      &amp;lt;text&amp;gt;Hello&amp;l">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236">
 <meta name="twitter:description" content="\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236appendappend \u7279\u6027\u5b9a\u4e49\u4e86\u5f53\u524d\u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\uff1a
@@ -130,13 +87,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -528,7 +501,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236"><a href="#\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236" class="headerlink" title="\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236"></a>\u6e32\u67d3\u8fc7\u7a0b\u63a7\u5236</h1><h2 id="append"><a href="#append" class="headerlink" title="append"></a><code>append</code></h2><p><code>append</code> \u7279\u6027\u5b9a\u4e49\u4e86\u5f53\u524d\u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\uff1a</p>
 <ol>
@@ -562,7 +535,7 @@
           <a href="/v-0.10/guide/syntax/render-logic.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/render-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/style-n-class.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/style-n-class.html b/content/cn/v-0.10/guide/syntax/style-n-class.html
index 0ac8770..1f97508 100644
--- a/content/cn/v-0.10/guide/syntax/style-n-class.html
+++ b/content/cn/v-0.10/guide/syntax/style-n-class.html
@@ -5,49 +5,6 @@
   
   <title>CSS \u6837\u5f0f\u548c\u7c7b | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="CSS \u6837\u5f0f\u548c\u7c7b\u57fa\u7840\u8bed\u6cd5CSS \u6837\u5f0f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u7cfb\u5217\u7684\u952e\u503c\u5bf9\uff0c\u5176\u4e2d\u7684\u6bcf\u4e00\u5bf9\u63cf\u8ff0\u4e86\u4e00\u4e2a\u7279\u5b9a\u7684\u6837\u5f0f\uff0c\u4f8b\u5982\u7ec4\u4ef6\u7684\u5bbd\u6216\u8005\u9ad8\u3002
 .div &amp;#123;  width: 400;   height: 50;&amp;#125;
 \u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u662f prop-name: prop-value;\u3002\u952e\u540d\u662f prop-name\uff0c\u952e\u503c\u662f prop-value\u3002 \u4e00\u822c\u60c5\u51b5\u4e0b\uff0c\u952e\u540d\u6309\u7167\u8fde\u63a5\u7b26\u7684\u65b9\u5f0f\u8fdb\u884c\u547d\u540d\uff0c\u952e\u548c\u503c\u4e4b\u95f4\u7531\u5192\u53f7 : \u8fdb\u884c\u5206">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="CSS \u6837\u5f0f\u548c\u7c7b\u57fa\u7840\u8bed\u6cd5CSS \u6837\u5f0f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u7cfb\u5217\u7684\u952e\u503c\u5bf9\uff0c\u5176\u4e2d\u7684\u6bcf\u4e00\u5bf9\u63cf\u8ff0\u4e86\u4e00\u4e2a\u7279\u5b9a\u7684\u6837\u5f0f\uff0c\u4f8b\u5982\u7ec4\u4ef6\u7684\u5bbd\u6216\u8005\u9ad8\u3002
 .div &amp;#123;  width: 400;   height: 50;&amp;#125;
 \u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u662f prop-name: prop-value;\u3002\u952e\u540d\u662f prop-name\uff0c\u952e\u503c\u662f prop-value\u3002 \u4e00\u822c\u60c5\u51b5\u4e0b\uff0c\u952e\u540d\u6309\u7167\u8fde\u63a5\u7b26\u7684\u65b9\u5f0f\u8fdb\u884c\u547d\u540d\uff0c\u952e\u548c\u503c\u4e4b\u95f4\u7531\u5192\u53f7 : \u8fdb\u884c\u5206">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CSS \u6837\u5f0f\u548c\u7c7b">
 <meta name="twitter:description" content="CSS \u6837\u5f0f\u548c\u7c7b\u57fa\u7840\u8bed\u6cd5CSS \u6837\u5f0f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u7cfb\u5217\u7684\u952e\u503c\u5bf9\uff0c\u5176\u4e2d\u7684\u6bcf\u4e00\u5bf9\u63cf\u8ff0\u4e86\u4e00\u4e2a\u7279\u5b9a\u7684\u6837\u5f0f\uff0c\u4f8b\u5982\u7ec4\u4ef6\u7684\u5bbd\u6216\u8005\u9ad8\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/style-n-class.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="CSS-\u6837\u5f0f\u548c\u7c7b"><a href="#CSS-\u6837\u5f0f\u548c\u7c7b" class="headerlink" title="CSS \u6837\u5f0f\u548c\u7c7b"></a>CSS \u6837\u5f0f\u548c\u7c7b</h1><h2 id="\u57fa\u7840\u8bed\u6cd5"><a href="#\u57fa\u7840\u8bed\u6cd5" class="headerlink" title="\u57fa\u7840\u8bed\u6cd5"></a>\u57fa\u7840\u8bed\u6cd5</h2><p>CSS \u6837\u5f0f\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u7cfb\u5217\u7684\u952e\u503c\u5bf9\uff0c\u5176\u4e2d\u7684\u6bcf\u4e00\u5bf9\u63cf\u8ff0\u4e86\u4e00\u4e2a\u7279\u5b9a\u7684\u6837\u5f0f\uff0c\u4f8b\u5982\u7ec4\u4ef6\u7684\u5bbd\u6216\u8005\u9ad8\u3002</p>
 <figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.div</span> &#123;</div><div class="line">  <span class="attribute">width</span>: <span class="number">400</span>; </div><div class="line">  <span class="attribute">height</span>: <span class="number">50</span>;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -573,7 +546,7 @@
           <a href="/v-0.10/guide/syntax/style-n-class.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/index.html b/content/cn/v-0.10/index.html
index cfa31a7..1a14da7 100644
--- a/content/cn/v-0.10/index.html
+++ b/content/cn/v-0.10/index.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/v-0.10/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -190,7 +163,34 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
-  <div class="scene header" style="background: #00BDFF;">
+  <script>
+  ;(function(){
+    var currentOrigin = location.origin || 'https://weex-project.io',
+        currentPathname = location.pathname,
+        currentLang = navigator.language || navigator.browserLanguage || 'en',
+        selectedLang = '';
+
+    if (window.localStorage) {
+      selectedLang = window.localStorage.getItem('lang')
+      currentLang = selectedLang ? selectedLang : currentLang
+    }
+
+    if (/zh|cn/i.test(currentLang)) { // Chinese
+      if (currentPathname.indexOf('/cn/') != 0) {
+        location.href = currentOrigin + '/cn/'
+      }
+    } else if (/en/i.test(currentLang)) { // English
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    } else { // Other
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    }
+  })();
+</script>
+<div class="scene header" style="background: #00BDFF;">
   <div class="scene-container">
     <div class="galaxy left">
       <canvas width="560" height="560" id="left-canvas"></canvas>
@@ -414,7 +414,7 @@ var swiper = new Swiper('.swiper-container', {
   loop: false,
   autoplay: false,
   autoplayDisableOnInteraction: false
-})
+});
 </script>
     
   
@@ -433,7 +433,7 @@ var swiper = new Swiper('.swiper-container', {
           <a href="/v-0.10/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/api.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/api.html b/content/cn/v-0.10/references/api.html
index 83cb0fa..7b91d24 100644
--- a/content/cn/v-0.10/references/api.html
+++ b/content/cn/v-0.10/references/api.html
@@ -5,49 +5,6 @@
   
   <title>ViewModel APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u63a5\u53e3\u4f60\u53ef\u4ee5\u5728\u7ec4\u4ef6\u7684\u65b9\u6cd5\u4e2d\u901a\u8fc7 this \uff08Vm\uff09\u4e0a\u4e0b\u6587\u8bbf\u95ee\u8fd9\u4e9b API\u3002
 \u4f8b\u5b50\uff1a
 &amp;lt;script&amp;gt;module.exports = &amp;#123;  methods: &amp;#123;    somemethod: function() &amp;#123;      this.$vm(&apos;someId&apos;);    &amp;#125;  &amp;#125;&amp;#125;&amp;lt;/script&amp;gt;
@@ -60,7 +17,7 @@ $(id)\u4e0d\u5efa">
 \u4f8b\u5b50\uff1a
 &amp;lt;script&amp;gt;module.exports = &amp;#123;  methods: &amp;#123;    somemethod: function() &amp;#123;      this.$vm(&apos;someId&apos;);    &amp;#125;  &amp;#125;&amp;#125;&amp;lt;/script&amp;gt;
 $(id)\u4e0d\u5efa">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ViewModel APIs">
 <meta name="twitter:description" content="\u63a5\u53e3\u4f60\u53ef\u4ee5\u5728\u7ec4\u4ef6\u7684\u65b9\u6cd5\u4e2d\u901a\u8fc7 this \uff08Vm\uff09\u4e0a\u4e0b\u6587\u8bbf\u95ee\u8fd9\u4e9b API\u3002
@@ -124,13 +81,29 @@ $(id)\u4e0d\u5efa">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/api.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/api.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ $(id)\u4e0d\u5efa">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@ $(id)\u4e0d\u5efa">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@ $(id)\u4e0d\u5efa">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@ $(id)\u4e0d\u5efa">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@ $(id)\u4e0d\u5efa">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@ $(id)\u4e0d\u5efa">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u63a5\u53e3"><a href="#\u63a5\u53e3" class="headerlink" title="\u63a5\u53e3"></a>\u63a5\u53e3</h1><p>\u4f60\u53ef\u4ee5\u5728\u7ec4\u4ef6\u7684\u65b9\u6cd5\u4e2d\u901a\u8fc7 <code>this</code> \uff08Vm\uff09\u4e0a\u4e0b\u6587\u8bbf\u95ee\u8fd9\u4e9b API\u3002</p>
 <p>\u4f8b\u5b50\uff1a</p>
@@ -1131,7 +1104,7 @@ $(id)\u4e0d\u5efa">
           <a href="/v-0.10/references/api.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/api.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/api.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/cheatsheet.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/cheatsheet.html b/content/cn/v-0.10/references/cheatsheet.html
index 681d4fe..cd8d163 100644
--- a/content/cn/v-0.10/references/cheatsheet.html
+++ b/content/cn/v-0.10/references/cheatsheet.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u5feb\u67e5\u624b\u518c | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u5907\u5fd8\u5f55Native \u7ec4\u4ef6
 code {
   word-break: break-all;
@@ -112,7 +69,7 @@ clickappeardisappear
 &amp;lt;text&amp;gt;
 value
 box m">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u5feb\u67e5\u624b\u518c">
 <meta name="twitter:description" content="Weex \u5907\u5fd8\u5f55Native \u7ec4\u4ef6
@@ -202,13 +159,29 @@ box m">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/cheatsheet.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -225,7 +198,7 @@ box m">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -526,11 +499,11 @@ box m">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -562,11 +535,11 @@ box m">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -982,11 +955,11 @@ box m">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,11 +991,11 @@ box m">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1150,7 +1123,7 @@ box m">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u5907\u5fd8\u5f55"><a href="#Weex-\u5907\u5fd8\u5f55" class="headerlink" title="Weex \u5907\u5fd8\u5f55"></a>Weex \u5907\u5fd8\u5f55</h1><h2 id="Native-\u7ec4\u4ef6"><a href="#Native-\u7ec4\u4ef6" class="headerlink" title="Native \u7ec4\u4ef6"></a>Native \u7ec4\u4ef6</h2><style>
 code {
@@ -1387,7 +1360,7 @@ code {
           <a href="/v-0.10/references/cheatsheet.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/color-names.html b/content/cn/v-0.10/references/color-names.html
index 9137073..10f06e1 100644
--- a/content/cn/v-0.10/references/color-names.html
+++ b/content/cn/v-0.10/references/color-names.html
@@ -5,49 +5,6 @@
   
   <title>\u989c\u8272\u540d\u79f0\u5217\u8868 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:
 
 
@@ -136,7 +93,7 @@ fuchsia(\u665a\u6a31)
 
 
 g">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u989c\u8272\u540d\u79f0\u5217\u8868">
 <meta name="twitter:description" content="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:
@@ -238,13 +195,29 @@ g">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/color-names.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -261,7 +234,7 @@ g">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -562,11 +535,11 @@ g">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -598,11 +571,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1018,11 +991,11 @@ g">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1054,11 +1027,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1186,7 +1159,7 @@ g">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0"><a href="#Weex-\u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0" class="headerlink" title="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0"></a>Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0</h1><h3 id="\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd"><a href="#\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd" class="headerlink" title="\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:"></a>\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:</h3><table>
 <thead>
@@ -1881,7 +1854,7 @@ g">
           <a href="/v-0.10/references/color-names.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/color-names.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/common-attrs.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/common-attrs.html b/content/cn/v-0.10/references/common-attrs.html
index 7cc6d1d..2d55283 100644
--- a/content/cn/v-0.10/references/common-attrs.html
+++ b/content/cn/v-0.10/references/common-attrs.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u7279\u6027 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u7279\u6027\u7279\u6027\uff08attribute\uff09\u4e0e HTML \u4e2d\u5143\u7d20\u7279\u6027\u7c7b\u4f3c\uff0c\u63d0\u4f9b\u4e86\u4e0e Weex \u5143\u7d20\u6709\u5173\u7684\u5176\u4ed6\u9644\u52a0\u4fe1\u606f\u3002\u6240\u6709\u7684\u5143\u7d20\u90fd\u53ef\u4ee5\u62e5\u6709\u7279\u6027, \u7279\u6027\u603b\u662f\u5728 Weex \u5143\u7d20\u7684\u8d77\u59cb\u6807\u7b7e\u4e2d\u5b9a\u4e49\uff0c\u5e76\u603b\u662f\u4ee5\u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f8b\u5982\uff1aname=&amp;quot;value&amp;quot;\u3002\u53ef\u4ee5\u4f7f\u7528 Mustache \u5bf9\u7279\u6027\u503c\u8fdb\u884c\u6570\u636e\u7ed1\u5b9a\u3002
 Notes!
 Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
@@ -58,7 +15,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
 <meta property="og:description" content="\u901a\u7528\u7279\u6027\u7279\u6027\uff08attribute\uff09\u4e0e HTML \u4e2d\u5143\u7d20\u7279\u6027\u7c7b\u4f3c\uff0c\u63d0\u4f9b\u4e86\u4e0e Weex \u5143\u7d20\u6709\u5173\u7684\u5176\u4ed6\u9644\u52a0\u4fe1\u606f\u3002\u6240\u6709\u7684\u5143\u7d20\u90fd\u53ef\u4ee5\u62e5\u6709\u7279\u6027, \u7279\u6027\u603b\u662f\u5728 Weex \u5143\u7d20\u7684\u8d77\u59cb\u6807\u7b7e\u4e2d\u5b9a\u4e49\uff0c\u5e76\u603b\u662f\u4ee5\u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f8b\u5982\uff1aname=&amp;quot;value&amp;quot;\u3002\u53ef\u4ee5\u4f7f\u7528 Mustache \u5bf9\u7279\u6027\u503c\u8fdb\u884c\u6570\u636e\u7ed1\u5b9a\u3002
 Notes!
 Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u7279\u6027">
 <meta name="twitter:description" content="\u901a\u7528\u7279\u6027\u7279\u6027\uff08attribute\uff09\u4e0e HTML \u4e2d\u5143\u7d20\u7279\u6027\u7c7b\u4f3c\uff0c\u63d0\u4f9b\u4e86\u4e0e Weex \u5143\u7d20\u6709\u5173\u7684\u5176\u4ed6\u9644\u52a0\u4fe1\u606f\u3002\u6240\u6709\u7684\u5143\u7d20\u90fd\u53ef\u4ee5\u62e5\u6709\u7279\u6027, \u7279\u6027\u603b\u662f\u5728 Weex \u5143\u7d20\u7684\u8d77\u59cb\u6807\u7b7e\u4e2d\u5b9a\u4e49\uff0c\u5e76\u603b\u662f\u4ee5\u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f8b\u5982\uff1aname=&amp;quot;value&amp;quot;\u3002\u53ef\u4ee5\u4f7f\u7528 Mustache \u5bf9\u7279\u6027\u503c\u8fdb\u884c\u6570\u636e\u7ed1\u5b9a\u3002
@@ -121,13 +78,29 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-attrs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-attrs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u7279\u6027"><a href="#\u901a\u7528\u7279\u6027" class="headerlink" title="\u901a\u7528\u7279\u6027"></a>\u901a\u7528\u7279\u6027</h1><p>\u7279\u6027\uff08attribute\uff09\u4e0e HTML \u4e2d\u5143\u7d20\u7279\u6027\u7c7b\u4f3c\uff0c\u63d0\u4f9b\u4e86\u4e0e Weex \u5143\u7d20\u6709\u5173\u7684\u5176\u4ed6\u9644\u52a0\u4fe1\u606f\u3002\u6240\u6709\u7684\u5143\u7d20\u90fd\u53ef\u4ee5\u62e5\u6709\u7279\u6027, \u7279\u6027\u603b\u662f\u5728 Weex \u5143\u7d20\u7684\u8d77\u59cb\u6807\u7b7e\u4e2d\u5b9a\u4e49\uff0c\u5e76\u603b\u662f\u4ee5\u952e\u503c\u5bf9\u7684\u5f62\u5f0f\u51fa\u73b0\uff0c\u4f8b\u5982\uff1a<code>name=&quot;value&quot;</code>\u3002\u53ef\u4ee5\u4f7f\u7528 <a href="https://mustache.github.io/" target="_blank" rel="external">Mustache</a> \u5bf9\u7279\u6027\u503c\u8fdb\u884c\u6570\u636e\u7ed1\u5b9a\u3002</p>
 <p><strong>Notes!</strong></p>
@@ -1118,7 +1091,7 @@ Weex \u9075\u5faa HTML attribute \u547d\u540d\u89c4\u8303, \u6240\u4ee5\u8bf7 \u4e0d\u8981\u5728\u7279\u6027">
           <a href="/v-0.10/references/common-attrs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-attrs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-attrs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/common-event.html b/content/cn/v-0.10/references/common-event.html
index a107689..7836765 100644
--- a/content/cn/v-0.10/references/common-event.html
+++ b/content/cn/v-0.10/references/common-event.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u4e8b\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u4e8b\u4ef6Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a
 click\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002
 \u6ce8\u610f\uff1a
@@ -66,7 +23,7 @@ click\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002
 \u4e8b\u4ef6\u5bf9\u8c61
 type: click
 targe">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u4e8b\u4ef6">
 <meta name="twitter:description" content="\u901a\u7528\u4e8b\u4ef6Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a
@@ -133,13 +90,29 @@ targe">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-event.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ targe">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -457,11 +430,11 @@ targe">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -493,11 +466,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -913,11 +886,11 @@ targe">
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -949,11 +922,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1081,7 +1054,7 @@ targe">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u4e8b\u4ef6"><a href="#\u901a\u7528\u4e8b\u4ef6" class="headerlink" title="\u901a\u7528\u4e8b\u4ef6"></a>\u901a\u7528\u4e8b\u4ef6</h1><p>Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a</p>
 <h2 id="click"><a href="#click" class="headerlink" title="click"></a><code>click</code></h2><p>\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002</p>
@@ -1160,7 +1133,7 @@ targe">
           <a href="/v-0.10/references/common-event.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-event.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/common-style.html b/content/cn/v-0.10/references/common-style.html
index 9cbee59..f7f4464 100644
--- a/content/cn/v-0.10/references/common-style.html
+++ b/content/cn/v-0.10/references/common-style.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u6837\u5f0f | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u6837\u5f0f\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002
 \u76d2\u6a21\u578b
 Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50\u3002\u6211\u4eec\u4e00\u822c\u5728\u8ba8\u8bba\u8bbe\u8ba1\u6216\u5e03\u5c40\u65f6\uff0c\u4f1a\u63d0\u5230\u300c\u76d2\u6a21\u578b\u300d\u8fd9\u4e2a\u6982\u5ff5\u3002
@@ -65,7 +22,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
 <meta property="og:image" content="http://alibaba.github.io/weex/doc/images/css-flexbox-align.jpg">
 <meta property="og:image" content="https://weex.apache.org/images/style_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/images/style_2.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u6837\u5f0f">
 <meta name="twitter:description" content="\u901a\u7528\u6837\u5f0f\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002
@@ -130,13 +87,29 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -454,11 +427,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -490,11 +463,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -910,11 +883,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -946,11 +919,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1078,7 +1051,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u6837\u5f0f"><a href="#\u901a\u7528\u6837\u5f0f" class="headerlink" title="\u901a\u7528\u6837\u5f0f"></a>\u901a\u7528\u6837\u5f0f</h1><p>\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002</p>
 <h2 id="\u76d2\u6a21\u578b"><a href="#\u76d2\u6a21\u578b" class="headerlink" title="\u76d2\u6a21\u578b"></a>\u76d2\u6a21\u578b</h2><p><img src="http://alibaba.github.io/weex/doc/images/css-boxmodel.png" alt="box model @300*"></p>
@@ -1263,7 +1236,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
           <a href="/v-0.10/references/common-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/component-defs.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/component-defs.html b/content/cn/v-0.10/references/component-defs.html
index b6cb28f..60d3469 100644
--- a/content/cn/v-0.10/references/component-defs.html
+++ b/content/cn/v-0.10/references/component-defs.html
@@ -5,49 +5,6 @@
   
   <title>ViewModel \u9009\u9879 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u7ec4\u4ef6\u5b9a\u4e49\u5b9a\u4e49\u7ec4\u4ef6\u662f\u901a\u8fc7\u4e00\u7ec4\u9009\u9879\u6765\u63cf\u8ff0\u4e00\u4e2a\u7ec4\u4ef6\u3002\u8fd9\u7ec4\u9009\u9879\u603b\u662f\u88ab\u8d4b\u503c\u7ed9 &amp;lt;script&amp;gt; \u6807\u7b7e\u4e2d\u7684 module.exports \u3002
 module.exports = &amp;#123;  // a set of options here&amp;#125;
 \u6570\u636e\u548c\u65b9\u6cd5module.exports = &amp;#123;  data: function () &amp;#123;    return &amp;#123;x:">
@@ -58,7 +15,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
 <meta property="og:description" content="\u7ec4\u4ef6\u5b9a\u4e49\u5b9a\u4e49\u7ec4\u4ef6\u662f\u901a\u8fc7\u4e00\u7ec4\u9009\u9879\u6765\u63cf\u8ff0\u4e00\u4e2a\u7ec4\u4ef6\u3002\u8fd9\u7ec4\u9009\u9879\u603b\u662f\u88ab\u8d4b\u503c\u7ed9 &amp;lt;script&amp;gt; \u6807\u7b7e\u4e2d\u7684 module.exports \u3002
 module.exports = &amp;#123;  // a set of options here&amp;#125;
 \u6570\u636e\u548c\u65b9\u6cd5module.exports = &amp;#123;  data: function () &amp;#123;    return &amp;#123;x:">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="ViewModel \u9009\u9879">
 <meta name="twitter:description" content="\u7ec4\u4ef6\u5b9a\u4e49\u5b9a\u4e49\u7ec4\u4ef6\u662f\u901a\u8fc7\u4e00\u7ec4\u9009\u9879\u6765\u63cf\u8ff0\u4e00\u4e2a\u7ec4\u4ef6\u3002\u8fd9\u7ec4\u9009\u9879\u603b\u662f\u88ab\u8d4b\u503c\u7ed9 &amp;lt;script&amp;gt; \u6807\u7b7e\u4e2d\u7684 module.exports \u3002
@@ -121,13 +78,29 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/component-defs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/component-defs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u7ec4\u4ef6\u5b9a\u4e49"><a href="#\u7ec4\u4ef6\u5b9a\u4e49" class="headerlink" title="\u7ec4\u4ef6\u5b9a\u4e49"></a>\u7ec4\u4ef6\u5b9a\u4e49</h1><p>\u5b9a\u4e49\u7ec4\u4ef6\u662f\u901a\u8fc7\u4e00\u7ec4\u9009\u9879\u6765\u63cf\u8ff0\u4e00\u4e2a\u7ec4\u4ef6\u3002\u8fd9\u7ec4\u9009\u9879\u603b\u662f\u88ab\u8d4b\u503c\u7ed9 <code>&lt;script&gt;</code> \u6807\u7b7e\u4e2d\u7684 <code>module.exports</code> \u3002</p>
 <figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="built_in">module</span>.exports = &#123;</div><div class="line">  <span class="comment">// a set of options here</span></div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -1111,7 +1084,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125;
           <a href="/v-0.10/references/component-defs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/component-defs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/component-defs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[18/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/index.css
----------------------------------------------------------------------
diff --git a/content/css/index.css b/content/css/index.css
index 2156444..8e5c48e 100644
--- a/content/css/index.css
+++ b/content/css/index.css
@@ -15,10 +15,10 @@
   position: relative;
   height: 100%;
   height: calc(100% - 72px); }
-  .scene:nth-child(odd) {
+  .scene:nth-child(even) {
     background: #f5f5f5;
     color: #00BDFF; }
-  .scene:nth-child(even) {
+  .scene:nth-child(odd) {
     background: #00BDFF;
     color: #fff; }
   .scene h2 {

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/media-queries.css
----------------------------------------------------------------------
diff --git a/content/css/media-queries.css b/content/css/media-queries.css
index a8fd89b..fc9597d 100644
--- a/content/css/media-queries.css
+++ b/content/css/media-queries.css
@@ -32,6 +32,8 @@
               transform: translateX(0); }
   #footer {
     padding: 0 20px; }
+    #footer .select-lang {
+      display: block; }
   /***********************************************
    * Index
    **********************************************/

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/partial/footer.css
----------------------------------------------------------------------
diff --git a/content/css/partial/footer.css b/content/css/partial/footer.css
index e6c7d05..5cff748 100644
--- a/content/css/partial/footer.css
+++ b/content/css/partial/footer.css
@@ -17,6 +17,7 @@
     #footer .ali-logo img {
       width: 100%; }
   #footer .select-lang {
+    display: none;
     width: 105px;
     height: 25px;
     line-height: 25px;

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/partial/header.css
----------------------------------------------------------------------
diff --git a/content/css/partial/header.css b/content/css/partial/header.css
index 85a9ac2..1f088c4 100644
--- a/content/css/partial/header.css
+++ b/content/css/partial/header.css
@@ -71,10 +71,12 @@
   #header .links > li + li {
     margin-left: 40px; }
   #header .info li {
-    margin-left: 50px; }
-  #header .tools li {
-    position: relative;
-    margin-left: 4em; }
+    margin-left: 40px; }
+  #header .tools > li {
+    margin-left: 30px;
+    position: relative; }
+  #header .tools .search-form {
+    width: 120px; }
   #header .dropdown .dropdown-menu {
     width: 200px;
     left: -60%;
@@ -84,3 +86,19 @@
     #header .dropdown .dropdown-menu a {
       font-size: 15px;
       padding: 5px 10px; }
+  #header .select-lang {
+    width: 90px; }
+  #header .select-lang .dropdown-toggle {
+    color: #00293D; }
+  #header .select-lang .dropdown-menu {
+    width: 105px;
+    left: 0; }
+  #header .caret {
+    display: inline-block;
+    margin-left: 2px;
+    width: 0;
+    height: 0;
+    vertical-align: middle;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid #999ba4; }

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/partial/search-form.css
----------------------------------------------------------------------
diff --git a/content/css/partial/search-form.css b/content/css/partial/search-form.css
index 81df15c..44f2a53 100644
--- a/content/css/partial/search-form.css
+++ b/content/css/partial/search-form.css
@@ -5,10 +5,7 @@
 * Mixin
 ***********************/
 .search {
-  position: relative;
-  /*.search-label {
-    display: block;
-  }*/ }
+  position: relative; }
   .search .search-form {
     width: 100%;
     position: relative; }

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/partial/sidebar.css
----------------------------------------------------------------------
diff --git a/content/css/partial/sidebar.css b/content/css/partial/sidebar.css
index 978c7d4..fb6779b 100644
--- a/content/css/partial/sidebar.css
+++ b/content/css/partial/sidebar.css
@@ -52,7 +52,8 @@
       list-style: none;
       padding-left: 20px; }
   #sidebar .summary {
-    display: block; }
+    display: block;
+    margin-top: 20px; }
   #sidebar .results-panel {
     width: 300px;
     left: -20px;

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/css/style.css
----------------------------------------------------------------------
diff --git a/content/css/style.css b/content/css/style.css
index 59501c3..94214c4 100644
--- a/content/css/style.css
+++ b/content/css/style.css
@@ -287,10 +287,12 @@ table th {
   #header .links > li + li {
     margin-left: 40px; }
   #header .info li {
-    margin-left: 50px; }
-  #header .tools li {
-    position: relative;
-    margin-left: 4em; }
+    margin-left: 40px; }
+  #header .tools > li {
+    margin-left: 30px;
+    position: relative; }
+  #header .tools .search-form {
+    width: 120px; }
   #header .dropdown .dropdown-menu {
     width: 200px;
     left: -60%;
@@ -300,6 +302,22 @@ table th {
     #header .dropdown .dropdown-menu a {
       font-size: 15px;
       padding: 5px 10px; }
+  #header .select-lang {
+    width: 90px; }
+  #header .select-lang .dropdown-toggle {
+    color: #00293D; }
+  #header .select-lang .dropdown-menu {
+    width: 105px;
+    left: 0; }
+  #header .caret {
+    display: inline-block;
+    margin-left: 2px;
+    width: 0;
+    height: 0;
+    vertical-align: middle;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid #999ba4; }
 
 /***********************
 * Variable
@@ -355,7 +373,8 @@ table th {
       list-style: none;
       padding-left: 20px; }
   #sidebar .summary {
-    display: block; }
+    display: block;
+    margin-top: 20px; }
   #sidebar .results-panel {
     width: 300px;
     left: -20px;
@@ -380,6 +399,7 @@ table th {
     #footer .ali-logo img {
       width: 100%; }
   #footer .select-lang {
+    display: none;
     width: 105px;
     height: 25px;
     line-height: 25px;
@@ -518,10 +538,10 @@ pre .attr {
   position: relative;
   height: 100%;
   height: calc(100% - 72px); }
-  .scene:nth-child(odd) {
+  .scene:nth-child(even) {
     background: #f5f5f5;
     color: #00BDFF; }
-  .scene:nth-child(even) {
+  .scene:nth-child(odd) {
     background: #00BDFF;
     color: #fff; }
   .scene h2 {
@@ -1001,10 +1021,7 @@ pre .attr {
 * Mixin
 ***********************/
 .search {
-  position: relative;
-  /*.search-label {
-    display: block;
-  }*/ }
+  position: relative; }
   .search .search-form {
     width: 100%;
     position: relative; }
@@ -1517,6 +1534,8 @@ hue-6-2: #e6c07b
               transform: translateX(0); }
   #footer {
     padding: 0 20px; }
+    #footer .select-lang {
+      display: block; }
   /***********************************************
    * Index
    **********************************************/

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/download.html
----------------------------------------------------------------------
diff --git a/content/download.html b/content/download.html
index d25ad8c..8a3429c 100644
--- a/content/download.html
+++ b/content/download.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/download.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/download.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/download.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -226,7 +199,7 @@
           <a href="/download.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/download.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/download.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/en/hello-world/index.html
----------------------------------------------------------------------
diff --git a/content/en/hello-world/index.html b/content/en/hello-world/index.html
index 6043edb..9c3bd0e 100644
--- a/content/en/hello-world/index.html
+++ b/content/en/hello-world/index.html
@@ -5,56 +5,13 @@
   
   <title>Hello World | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Hello world">
 <meta property="og:type" content="article">
 <meta property="og:title" content="Hello World">
 <meta property="og:url" content="https://weex.apache.org/en/hello-world/index.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Hello world">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Hello World">
 <meta name="twitter:description" content="Hello world">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/hello-world/" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/hello-world/" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -206,7 +179,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Hello-world"><a href="#Hello-world" class="headerlink" title="Hello world"></a>Hello world</h1>
   </div>
@@ -229,7 +202,7 @@
           <a href="/hello-world/" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/hello-world/" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/hello-world/" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/a.html
----------------------------------------------------------------------
diff --git a/content/examples/a.html b/content/examples/a.html
index c42cc24..97ffb56 100644
--- a/content/examples/a.html
+++ b/content/examples/a.html
@@ -5,56 +5,13 @@
   
   <title>a | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;a class=&quot;button&quot; href=&quot;http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;    &amp;lt;/a">
 <meta property="og:type" content="website">
 <meta property="og:title" content="a">
 <meta property="og:url" content="https://weex.apache.org/examples/a.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;a class=&quot;button&quot; href=&quot;http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;    &amp;lt;/a">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="a">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;a class=&quot;button&quot; href=&quot;http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;    &amp;lt;/a">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/animation.html
----------------------------------------------------------------------
diff --git a/content/examples/animation.html b/content/examples/animation.html
index a3e71b6..8d746d0 100644
--- a/content/examples/animation.html
+++ b/content/examples/animation.html
@@ -5,56 +5,13 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;test&quot; @click=&quot;move&quot; class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  const animation = weex.requireModule(&apos;animat">
 <meta property="og:type" content="website">
 <meta property="og:title" content="animation">
 <meta property="og:url" content="https://weex.apache.org/examples/animation.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;test&quot; @click=&quot;move&quot; class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  const animation = weex.requireModule(&apos;animat">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;test&quot; @click=&quot;move&quot; class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  const animation = weex.requireModule(&apos;animat">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/clipboard.html
----------------------------------------------------------------------
diff --git a/content/examples/clipboard.html b/content/examples/clipboard.html
index 6a5e65f..0612d27 100644
--- a/content/examples/clipboard.html
+++ b/content/examples/clipboard.html
@@ -5,56 +5,13 @@
   
   <title>clipboard | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; @click=&quot;onItemClick&quot;&amp;gt;&amp;#123;&amp;#123;message&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="clipboard">
 <meta property="og:url" content="https://weex.apache.org/examples/clipboard.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; @click=&quot;onItemClick&quot;&amp;gt;&amp;#123;&amp;#123;message&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="clipboard">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; @click=&quot;onItemClick&quot;&amp;gt;&amp;#123;&amp;#123;message&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;div&quot;&amp;gt;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/clipboard.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/clipboard.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/clipboard.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/div.html
----------------------------------------------------------------------
diff --git a/content/examples/div.html b/content/examples/div.html
index b782c16..f4f904e 100644
--- a/content/examples/div.html
+++ b/content/examples/div.html
@@ -5,56 +5,13 @@
   
   <title>div | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;style scoped&amp;gt;  .box &amp;#123;    border-width: 2px;    border-style: solid;    border-color: #BBB">
 <meta property="og:type" content="website">
 <meta property="og:title" content="div">
 <meta property="og:url" content="https://weex.apache.org/examples/div.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;style scoped&amp;gt;  .box &amp;#123;    border-width: 2px;    border-style: solid;    border-color: #BBB">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="div">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;box&quot;&amp;gt;&amp;lt;/div&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;style scoped&amp;gt;  .box &amp;#123;    border-width: 2px;    border-style: solid;    border-color: #BBB">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/div.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/div.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/div.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/dom-rect.html
----------------------------------------------------------------------
diff --git a/content/examples/dom-rect.html b/content/examples/dom-rect.html
index 81efde9..3a2673c 100644
--- a/content/examples/dom-rect.html
+++ b/content/examples/dom-rect.html
@@ -5,56 +5,13 @@
   
   <title>dom-rect | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;box&quot; class=&quot;box&quot;&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;Width: &amp;#123;&amp;#123;size.width&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;He">
 <meta property="og:type" content="website">
 <meta property="og:title" content="dom-rect">
 <meta property="og:url" content="https://weex.apache.org/examples/dom-rect.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;box&quot; class=&quot;box&quot;&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;Width: &amp;#123;&amp;#123;size.width&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;He">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom-rect">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div ref=&quot;box&quot; class=&quot;box&quot;&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;Width: &amp;#123;&amp;#123;size.width&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;info&quot;&amp;gt;He">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/dom-rect.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/dom-rect.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/dom-rect.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/dom-rect.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/dom-rect.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/dom-scroll.html
----------------------------------------------------------------------
diff --git a/content/examples/dom-scroll.html b/content/examples/dom-scroll.html
index c6b3fb4..496f0d3 100644
--- a/content/examples/dom-scroll.html
+++ b/content/examples/dom-scroll.html
@@ -5,56 +5,13 @@
   
   <title>dom-scroll | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
 <meta property="og:type" content="website">
 <meta property="og:title" content="dom-scroll">
 <meta property="og:url" content="https://weex.apache.org/examples/dom-scroll.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom-scroll">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/dom-scroll.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/dom-scroll.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/dom-scroll.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/dom-scroll.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/dom-scroll.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/image.html
----------------------------------------------------------------------
diff --git a/content/examples/image.html b/content/examples/image.html
index aadbcd4..94b3572 100644
--- a/content/examples/image.html
+++ b/content/examples/image.html
@@ -5,56 +5,13 @@
   
   <title>image | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;wrapper&quot; &amp;gt;    &amp;lt;div class=&quot;page-head&quot; &amp;gt;      &amp;lt;image class=&quot;title-bg&quot; resize=&quot;cover&quot; src=&quot;https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202">
 <meta property="og:type" content="website">
 <meta property="og:title" content="image">
 <meta property="og:url" content="https://weex.apache.org/examples/image.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;wrapper&quot; &amp;gt;    &amp;lt;div class=&quot;page-head&quot; &amp;gt;      &amp;lt;image class=&quot;title-bg&quot; resize=&quot;cover&quot; src=&quot;https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="image">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;wrapper&quot; &amp;gt;    &amp;lt;div class=&quot;page-head&quot; &amp;gt;      &amp;lt;image class=&quot;title-bg&quot; resize=&quot;cover&quot; src=&quot;https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/image.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/image.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/image.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/indicator.html
----------------------------------------------------------------------
diff --git a/content/examples/indicator.html b/content/examples/indicator.html
index 5e85c28..88d0506 100644
--- a/content/examples/indicator.html
+++ b/content/examples/indicator.html
@@ -5,56 +5,13 @@
   
   <title>indicator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;4500&quot; @change=&quot;onchange&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="indicator">
 <meta property="og:url" content="https://weex.apache.org/examples/indicator.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;4500&quot; @change=&quot;onchange&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="indicator">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;4500&quot; @change=&quot;onchange&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/indicator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/indicator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/input.html
----------------------------------------------------------------------
diff --git a/content/examples/input.html b/content/examples/input.html
index 7718c3f..bcbef66 100644
--- a/content/examples/input.html
+++ b/content/examples/input.html
@@ -5,56 +5,13 @@
   
   <title>input | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;input ref=&quot;input&quot; class=&quot;input&quot; type=&quot;text&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="input">
 <meta property="og:url" content="https://weex.apache.org/examples/input.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;input ref=&quot;input&quot; class=&quot;input&quot; type=&quot;text&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="input">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;input ref=&quot;input&quot; class=&quot;input&quot; type=&quot;text&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/input.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/input.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/input.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/list.html
----------------------------------------------------------------------
diff --git a/content/examples/list.html b/content/examples/list.html
index 552b4ff..dcdd4e9 100644
--- a/content/examples/list.html
+++ b/content/examples/list.html
@@ -5,56 +5,13 @@
   
   <title>list | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;list class=&quot;list&quot; @loadmore=&quot;fetch&quot; loadmoreoffset=&quot;10&quot;&amp;gt;    &amp;lt;cell class=&quot;cell&quot; v-for=&quot;num in lists&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123">
 <meta property="og:type" content="website">
 <meta property="og:title" content="list">
 <meta property="og:url" content="https://weex.apache.org/examples/list.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;list class=&quot;list&quot; @loadmore=&quot;fetch&quot; loadmoreoffset=&quot;10&quot;&amp;gt;    &amp;lt;cell class=&quot;cell&quot; v-for=&quot;num in lists&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="list">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;list class=&quot;list&quot; @loadmore=&quot;fetch&quot; loadmoreoffset=&quot;10&quot;&amp;gt;    &amp;lt;cell class=&quot;cell&quot; v-for=&quot;num in lists&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/list.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/list.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/list.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/modal.html
----------------------------------------------------------------------
diff --git a/content/examples/modal.html b/content/examples/modal.html
index 90e198b..85f1b21 100644
--- a/content/examples/modal.html
+++ b/content/examples/modal.html
@@ -5,56 +5,13 @@
   
   <title>modal | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showToast&quot;&amp;gt;Toast&amp;lt;/text&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showAlert&quot;&amp;gt;Alert&amp;lt;/text&amp;gt;    &amp;lt;text class=">
 <meta property="og:type" content="website">
 <meta property="og:title" content="modal">
 <meta property="og:url" content="https://weex.apache.org/examples/modal.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showToast&quot;&amp;gt;Toast&amp;lt;/text&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showAlert&quot;&amp;gt;Alert&amp;lt;/text&amp;gt;    &amp;lt;text class=">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="modal">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showToast&quot;&amp;gt;Toast&amp;lt;/text&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;showAlert&quot;&amp;gt;Alert&amp;lt;/text&amp;gt;    &amp;lt;text class=">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/modal.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/modal.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/modal.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/navigator.html
----------------------------------------------------------------------
diff --git a/content/examples/navigator.html b/content/examples/navigator.html
index c836b29..a2b1840 100644
--- a/content/examples/navigator.html
+++ b/content/examples/navigator.html
@@ -5,56 +5,13 @@
   
   <title>navigator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;jump&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  var navigator = weex.requireModule(&apos;navigator&apos;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="navigator">
 <meta property="og:url" content="https://weex.apache.org/examples/navigator.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;jump&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  var navigator = weex.requireModule(&apos;navigator&apos;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="navigator">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;text class=&quot;button&quot; @click=&quot;jump&quot;&amp;gt;Jump&amp;lt;/text&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;lt;script&amp;gt;  var navigator = weex.requireModule(&apos;navigator&apos;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/navigator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/navigator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/navigator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/refresh.html
----------------------------------------------------------------------
diff --git a/content/examples/refresh.html b/content/examples/refresh.html
index c3d0aee..096291e 100644
--- a/content/examples/refresh.html
+++ b/content/examples/refresh.html
@@ -5,56 +5,13 @@
   
   <title>refresh | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;    &amp;lt;refresh class=&quot;refresh&quot; @refresh=&quot;onrefresh&quot; @pullingdown=&quot;onpullingdown&quot; :display=&quot;refreshing ? &apos;show&apos; : &apos;hide&apos;&quot;&amp;gt;      &amp;lt;text class=&quot;in">
 <meta property="og:type" content="website">
 <meta property="og:title" content="refresh">
 <meta property="og:url" content="https://weex.apache.org/examples/refresh.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;    &amp;lt;refresh class=&quot;refresh&quot; @refresh=&quot;onrefresh&quot; @pullingdown=&quot;onpullingdown&quot; :display=&quot;refreshing ? &apos;show&apos; : &apos;hide&apos;&quot;&amp;gt;      &amp;lt;text class=&quot;in">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="refresh">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;    &amp;lt;refresh class=&quot;refresh&quot; @refresh=&quot;onrefresh&quot; @pullingdown=&quot;onpullingdown&quot; :display=&quot;refreshing ? &apos;show&apos; : &apos;hide&apos;&quot;&amp;gt;      &amp;lt;text class=&quot;in">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/refresh.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/refresh.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/refresh.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[24/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/a.html b/content/cn/v-0.10/references/components/a.html
index 854bcb0..7cd1d83 100644
--- a/content/cn/v-0.10/references/components/a.html
+++ b/content/cn/v-0.10/references/components/a.html
@@ -5,49 +5,6 @@
   
   <title>&lt;a&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;a&amp;gt;&amp;lt;a&amp;gt; \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 &amp;lt;a&amp;gt; \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 &amp;lt;a&amp;gt; \u7ec4\u4ef6\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002
 \u4e00\u4e2a\u7b80\u5355\u4f8b\u5b50\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;a&amp;gt;&amp;lt;a&amp;gt; \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 &amp;lt;a&amp;gt; \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 &amp;lt;a&amp;gt; \u7ec4\u4ef6\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002
 \u4e00\u4e2a\u7b80\u5355\u4f8b\u5b50\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<a>">
 <meta name="twitter:description" content="&amp;lt;a&amp;gt;&amp;lt;a&amp;gt; \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 &amp;lt;a&amp;gt; \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 &amp;lt;a&amp;gt; \u7ec4\u4ef6\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-a-gt"><a href="#lt-a-gt" class="headerlink" title="&lt;a&gt;"></a>&lt;a&gt;</h1><p><code>&lt;a&gt;</code> \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><code>&lt;a&gt;</code></a> \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 <code>&lt;a&gt;</code> \u7ec4\u4ef6<strong>\u4e0d\u80fd</strong>\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 <code>&lt;text&gt;</code> \u7ec4\u4ef6\u3002</p>
 <p>\u4e00\u4e2a\u7b80\u5355\u4f8b\u5b50\uff1a</p>
@@ -1128,7 +1101,7 @@
           <a href="/v-0.10/references/components/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/cell.html b/content/cn/v-0.10/references/components/cell.html
index 42441c1..45670aa 100644
--- a/content/cn/v-0.10/references/components/cell.html
+++ b/content/cn/v-0.10/references/components/cell.html
@@ -5,49 +5,6 @@
   
   <title>&lt;cell&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;cell&amp;gt;\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 ul \u4e4b\u4e8e li\u3002Weex \u4f1a\u5bf9 &amp;lt;cell&amp;gt; \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a&amp;lt;list&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002
 \u5b50\u7ec4\u4ef6\u652f\u6301\u6240\u6709 Weex \u7684\u7ec4\u4ef6\u4f5c\u4e3a\u5b83\u7684\u5b50\u7ec4\u4ef6\u3002
 \u6837\u5f0f\u6ce8\u610f\uff1a
@@ -61,7 +18,7 @@
 \u6837\u5f0f\u6ce8\u610f\uff1a
 \u4f60\u4e0d\u80fd\u7ed9 &amp;lt;cell&amp;gt; \u8bbe\u5b9aflex\u503c\u3002 &amp;lt;cell&amp;gt;\u7684\u5bbd\u5ea6">
 <meta property="og:image" content="https://weex.apache.org/../images/list_3.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<cell>">
 <meta name="twitter:description" content="&amp;lt;cell&amp;gt;\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 ul \u4e4b\u4e8e li\u3002Weex \u4f1a\u5bf9 &amp;lt;cell&amp;gt; \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a&amp;lt;list&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002
@@ -126,13 +83,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/cell.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -450,11 +423,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -486,11 +459,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -906,11 +879,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -942,11 +915,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1074,7 +1047,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-cell-gt"><a href="#lt-cell-gt" class="headerlink" title="&lt;cell&gt;"></a>&lt;cell&gt;</h1><p>\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 <code>ul</code> \u4e4b\u4e8e <code>li</code>\u3002Weex \u4f1a\u5bf9 <code>&lt;cell&gt;</code> \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a<a href="./list.html"><code>&lt;list&gt;</code></a> \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u652f\u6301\u6240\u6709 Weex \u7684\u7ec4\u4ef6\u4f5c\u4e3a\u5b83\u7684\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1128,7 +1101,7 @@
           <a href="/v-0.10/references/components/cell.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/cell.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/div.html b/content/cn/v-0.10/references/components/div.html
index c348354..8f176e3 100644
--- a/content/cn/v-0.10/references/components/div.html
+++ b/content/cn/v-0.10/references/components/div.html
@@ -5,49 +5,6 @@
   
   <title>&lt;div&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;div&amp;gt;&amp;lt;div&amp;gt; \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001flexbox \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 &amp;lt;div&amp;gt; \u5bb9\u5668\uff0c\u4f46\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c&amp;lt;div&amp;gt; \u522b\u540d\u662f &amp;lt;container&amp;gt;\uff0c\u76ee\u524d\u5df2\u7ecf\u5f03\u7528\u3002
 \u6ce8\u610f\uff1a
 &amp;lt;div&amp;g">
@@ -60,7 +17,7 @@
 &amp;lt;div&amp;g">
 <meta property="og:image" content="https://weex.apache.org/../images/div_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/../images/div_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<div>">
 <meta name="twitter:description" content="&amp;lt;div&amp;gt;&amp;lt;div&amp;gt; \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001flexbox \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 &amp;lt;div&amp;gt; \u5bb9\u5668\uff0c\u4f46\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c&amp;lt;div&amp;gt; \u522b\u540d\u662f &amp;lt;container&amp;gt;\uff0c\u76ee\u524d\u5df2\u7ecf\u5f03\u7528\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/div.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-div-gt"><a href="#lt-div-gt" class="headerlink" title="&lt;div&gt;"></a>&lt;div&gt;</h1><p><code>&lt;div&gt;</code> \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001<code>flexbox</code> \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 <code>&lt;div&gt;</code> \u5bb9\u5668\uff0c\u4f46<strong>\u4e0d\u80fd</strong>\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 <code>&lt;text&gt;</code> \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c<code>&lt;div&gt;</code> \u522b\u540d\u662f <code>&lt;container&gt;</code>\uff0c\u76ee\u524d<strong>\u5df2\u7ecf\u5f03\u7528</strong>\u3002</p>
 <p><strong>\u6ce8\u610f\uff1a</strong></p>
@@ -1133,7 +1106,7 @@
           <a href="/v-0.10/references/components/div.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/div.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/image.html b/content/cn/v-0.10/references/components/image.html
index 3b3b175..23e1b16 100644
--- a/content/cn/v-0.10/references/components/image.html
+++ b/content/cn/v-0.10/references/components/image.html
@@ -5,49 +5,6 @@
   
   <title>&lt;image&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;image&amp;gt;&amp;lt;image&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &amp;lt;img&amp;gt; \u4f5c\u7b80\u5199\u3002
 \u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a width \u548c height\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002
 \u7b80\u5355\u4f8b\u5b50\uff1a
@@ -62,7 +19,7 @@
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;img style=&quot;width: 560;height: 560;&quot; src=&quot;https:/">
 <meta property="og:image" content="https://weex.apache.org/../images/image_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/../images/image_2.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<image>">
 <meta name="twitter:description" content="&amp;lt;image&amp;gt;&amp;lt;image&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &amp;lt;img&amp;gt; \u4f5c\u7b80\u5199\u3002
@@ -127,13 +84,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/image.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -451,11 +424,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -487,11 +460,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -907,11 +880,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -943,11 +916,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1075,7 +1048,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-image-gt"><a href="#lt-image-gt" class="headerlink" title="&lt;image&gt;"></a>&lt;image&gt;</h1><p><code>&lt;image&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 <code>&lt;img&gt;</code> \u4f5c\u7b80\u5199\u3002</p>
 <p>\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a <code>width</code> \u548c <code>height</code>\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002</p>
@@ -1156,7 +1129,7 @@
           <a href="/v-0.10/references/components/image.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/image.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/index.html b/content/cn/v-0.10/references/components/index.html
index 918be3c..6fbc870 100644
--- a/content/cn/v-0.10/references/components/index.html
+++ b/content/cn/v-0.10/references/components/index.html
@@ -5,49 +5,6 @@
   
   <title>\u5185\u5efa\u7ec4\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5185\u5efa\u7ec4\u4ef6
 &amp;lt;a&amp;gt;
 &amp;lt;indicator&amp;gt;
@@ -80,7 +37,7 @@
 &amp;lt;list&amp;gt;
 &amp;lt;cell&amp;gt;
 &amp;lt;refresh&amp;gt; &amp;amp; &amp;lt;load">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5185\u5efa\u7ec4\u4ef6">
 <meta name="twitter:description" content="\u5185\u5efa\u7ec4\u4ef6
@@ -154,13 +111,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -177,7 +150,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -478,11 +451,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -514,11 +487,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -934,11 +907,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -970,11 +943,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1102,7 +1075,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5185\u5efa\u7ec4\u4ef6"><a href="#\u5185\u5efa\u7ec4\u4ef6" class="headerlink" title="\u5185\u5efa\u7ec4\u4ef6"></a>\u5185\u5efa\u7ec4\u4ef6</h1><ul>
 <li><a href="./a.html">&lt;a&gt;</a></li>
@@ -1142,7 +1115,7 @@
           <a href="/v-0.10/references/components/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/indicator.html b/content/cn/v-0.10/references/components/indicator.html
index 0d2611d..6a844ae 100644
--- a/content/cn/v-0.10/references/components/indicator.html
+++ b/content/cn/v-0.10/references/components/indicator.html
@@ -5,49 +5,6 @@
   
   <title>&lt;indicator&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;indicator&amp;gt;&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
 \u6837\u5f0f&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
@@ -62,7 +19,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
 \u6837\u5f0f&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
 
 item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red\uff1b\u4e5f\u53ef\u4ee5\u662f 16 \u8fdb\u5236\u7684">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<indicator>">
 <meta name="twitter:description" content="&amp;lt;indicator&amp;gt;&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
@@ -127,13 +84,29 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/indicator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -451,11 +424,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -487,11 +460,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -907,11 +880,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -943,11 +916,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1075,7 +1048,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-indicator-gt"><a href="#lt-indicator-gt" class="headerlink" title="&lt;indicator&gt;"></a>&lt;indicator&gt;</h1><p><code>&lt;indicator&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 <a href="./slider.html"><code>&lt;slider&gt;</code></a> \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p><code>&lt;indicator&gt;</code> \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1136,7 +1109,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
           <a href="/v-0.10/references/components/indicator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/input.html b/content/cn/v-0.10/references/components/input.html
index 3f80b62..7f3c44a 100644
--- a/content/cn/v-0.10/references/components/input.html
+++ b/content/cn/v-0.10/references/components/input.html
@@ -5,49 +5,6 @@
   
   <title>&lt;input&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;input&amp;gt;Weex \u5185\u7f6e\u7684 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &amp;lt;text&amp;gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
 \u6ce8\u610f\uff1a 
 \u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &amp;lt;input&amp;gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
@@ -60,7 +17,7 @@
 \u6ce8\u610f\uff1a 
 \u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &amp;lt;input&amp;gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
 \u5b50\u7ec4\u4ef6">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<input>">
 <meta name="twitter:description" content="&amp;lt;input&amp;gt;Weex \u5185\u7f6e\u7684 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &amp;lt;text&amp;gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/input.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-input-gt"><a href="#lt-input-gt" class="headerlink" title="&lt;input&gt;"></a>&lt;input&gt;</h1><p>Weex \u5185\u7f6e\u7684 <code>&lt;input&gt;</code> \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 <code>&lt;input&gt;</code> \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 <code>type</code> \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 <code>&lt;text&gt;</code>\uff0c <code>password</code>\uff0c<code>url</code>\uff0c<code>email</code>\uff0c<code>tel</code> \u7b49\u3002</p>
 <p><strong>\u6ce8\u610f\uff1a</strong> </p>
@@ -1173,7 +1146,7 @@
           <a href="/v-0.10/references/components/input.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/input.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/list.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/list.html b/content/cn/v-0.10/references/components/list.html
index 17d5c52..ed016e1 100644
--- a/content/cn/v-0.10/references/components/list.html
+++ b/content/cn/v-0.10/references/components/list.html
@@ -5,49 +5,6 @@
   
   <title>&lt;list&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;list&amp;gt;&amp;lt;list&amp;gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &amp;lt;list&amp;gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &amp;lt;cell&amp;gt; \u6807\u7b7e\u586b\u5145\u3002
 \u4e00\u4e2a\u6700\u7b80\u4f8b\u5b50\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;list class=&quot;list&quot;&amp;gt;    &amp;lt;cel">
@@ -60,7 +17,7 @@
 &amp;lt;template&amp;gt;  &amp;lt;list class=&quot;list&quot;&amp;gt;    &amp;lt;cel">
 <meta property="og:image" content="https://weex.apache.org/../images/list_2.jpg">
 <meta property="og:image" content="https://weex.apache.org/../images/list_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<list>">
 <meta name="twitter:description" content="&amp;lt;list&amp;gt;&amp;lt;list&amp;gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &amp;lt;list&amp;gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &amp;lt;cell&amp;gt; \u6807\u7b7e\u586b\u5145\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/list.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -448,11 +421,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -484,11 +457,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -904,11 +877,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -940,11 +913,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1072,7 +1045,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-list-gt"><a href="#lt-list-gt" class="headerlink" title="&lt;list&gt;"></a>&lt;list&gt;</h1><p><code>&lt;list&gt;</code> \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 <code>&lt;list&gt;</code> \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 <code>repeat</code> \u751f\u6210\u7684 <code>&lt;cell&gt;</code> \u6807\u7b7e\u586b\u5145\u3002</p>
 <p>\u4e00\u4e2a\u6700\u7b80\u4f8b\u5b50\uff1a</p>
@@ -1173,7 +1146,7 @@
           <a href="/v-0.10/references/components/list.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/list.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/loading.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/loading.html b/content/cn/v-0.10/references/components/loading.html
index ca6f1b1..8150e51 100644
--- a/content/cn/v-0.10/references/components/loading.html
+++ b/content/cn/v-0.10/references/components/loading.html
@@ -5,49 +5,6 @@
   
   <title>&lt;loading&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;loading&amp;gt;v0.6.1+
 &amp;lt;loading&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;refresh&amp;gt; \u7c7b\u4f3c\uff0c \u662f &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;loading&amp;gt;v0.6.1+
 &amp;lt;loading&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;refresh&amp;gt; \u7c7b\u4f3c\uff0c \u662f &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u5b50">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<loading>">
 <meta name="twitter:description" content="&amp;lt;loading&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/loading.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-loading-gt"><a href="#lt-loading-gt" class="headerlink" title="&lt;loading&gt;"></a>&lt;loading&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;loading&gt;</code> \u4e3a <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u63d0\u4f9b\u4e0a\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e <code>&lt;refresh&gt;</code> \u7c7b\u4f3c\uff0c \u662f <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002</p>
@@ -1129,7 +1102,7 @@
           <a href="/v-0.10/references/components/loading.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/loading.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/references/components/refresh.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/references/components/refresh.html b/content/cn/v-0.10/references/components/refresh.html
index ecfc957..1267391 100644
--- a/content/cn/v-0.10/references/components/refresh.html
+++ b/content/cn/v-0.10/references/components/refresh.html
@@ -5,49 +5,6 @@
   
   <title>&lt;refresh&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;refresh&amp;gt;v0.6.1+
 &amp;lt;refresh&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;loading&amp;gt; \u7c7b\u4f3c\uff0c&amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u4e00\u4e2a\u7b80\u5355">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="&amp;lt;refresh&amp;gt;v0.6.1+
 &amp;lt;refresh&amp;gt; \u4e3a &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e &amp;lt;loading&amp;gt; \u7c7b\u4f3c\uff0c&amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab &amp;lt;scroller&amp;gt; \u548c &amp;lt;list&amp;gt; \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002
 \u4e00\u4e2a\u7b80\u5355">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<refresh>">
 <meta name="twitter:description" content="&amp;lt;refresh&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/refresh.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -445,11 +418,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -481,11 +454,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -901,11 +874,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/cn/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -937,11 +910,11 @@
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/v-0.10/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/v-0.10/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1069,7 +1042,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-refresh-gt"><a href="#lt-refresh-gt" class="headerlink" title="&lt;refresh&gt;"></a>&lt;refresh&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;refresh&gt;</code> \u4e3a <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u63d0\u4f9b\u4e0b\u62c9\u52a0\u8f7d\u529f\u80fd\u3002\u7528\u6cd5\u4e0e\u7279\u6027\u4e0e <code>&lt;loading&gt;</code> \u7c7b\u4f3c\uff0c<code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u7684\u5b50\u7ec4\u4ef6\uff0c\u4e14\u53ea\u80fd\u5728\u88ab <code>&lt;scroller&gt;</code> \u548c <code>&lt;list&gt;</code> \u5305\u542b\u65f6\u624d\u80fd\u88ab\u6b63\u786e\u7684\u6e32\u67d3\u3002</p>
@@ -1133,7 +1106,7 @@
           <a href="/v-0.10/references/components/refresh.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/refresh.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/refresh.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[04/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/indicator.html b/content/v-0.10/references/components/indicator.html
index 34f09c4..00f77a2 100644
--- a/content/v-0.10/references/components/indicator.html
+++ b/content/v-0.10/references/components/indicator.html
@@ -5,49 +5,6 @@
   
   <title>&lt;indicator&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
 Child ComponentsThis component supports no child components.
 AttributesThere is no specific attribute for t">
@@ -58,7 +15,7 @@ AttributesThere is no specific attribute for t">
 <meta property="og:description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
 Child ComponentsThis component supports no child components.
 AttributesThere is no specific attribute for t">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<indicator>">
 <meta name="twitter:description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
@@ -121,13 +78,29 @@ AttributesThere is no specific attribute for t">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/indicator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ AttributesThere is no specific attribute for t">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ AttributesThere is no specific attribute for t">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ AttributesThere is no specific attribute for t">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-indicator-gt"><a href="#lt-indicator-gt" class="headerlink" title="&lt;indicator&gt;"></a>&lt;indicator&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./slider.html"><code>slider</code></a> component.</p>
 <h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This component supports no child components.</p>
@@ -1066,7 +1039,7 @@ AttributesThere is no specific attribute for t">
           <a href="/v-0.10/references/components/indicator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/input.html b/content/v-0.10/references/components/input.html
index bff4da1..4784479 100644
--- a/content/v-0.10/references/components/input.html
+++ b/content/v-0.10/references/components/input.html
@@ -5,56 +5,13 @@
   
   <title>&lt;input&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<input>">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/components/input.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<input>">
 <meta name="twitter:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/input.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="input"><a href="#input" class="headerlink" title="input"></a>input</h1><p>The weex builtin component <code>input</code> is used to create input controls to receive the user\u2019s input characters. How a <code>input</code> component works varies considerably depending on the value of its <code>type</code> attribute, such as <code>text</code>, <code>password</code>, <code>url</code>, <code>email</code>, <code>tel</code> etc.</p>
 <p><strong>Notes:</strong> does not support the common-event <code>click</code>. Please listen to the <code>input</code> or <code>change</code> event instead.</p>
@@ -1094,7 +1067,7 @@
           <a href="/v-0.10/references/components/input.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/input.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/list.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/list.html b/content/v-0.10/references/components/list.html
index aff9bb9..11a7eeb 100644
--- a/content/v-0.10/references/components/list.html
+++ b/content/v-0.10/references/components/list.html
@@ -5,49 +5,6 @@
   
   <title>&lt;list&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Listv0.6.1+
 The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.
 It can provide excellent experience an">
@@ -58,7 +15,7 @@ It can provide excellent experience an">
 <meta property="og:description" content="Listv0.6.1+
 The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.
 It can provide excellent experience an">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<list>">
 <meta name="twitter:description" content="Listv0.6.1+
@@ -121,13 +78,29 @@ It can provide excellent experience an">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/list.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ It can provide excellent experience an">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ It can provide excellent experience an">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ It can provide excellent experience an">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="List"><a href="#List" class="headerlink" title="List"></a>List</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The List component, which inherits from Scroller component, is a core component, and it provides the most popular features for using a list of items.</p>
@@ -1087,7 +1060,7 @@ It can provide excellent experience an">
           <a href="/v-0.10/references/components/list.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/list.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/refresh-loading.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/refresh-loading.html b/content/v-0.10/references/components/refresh-loading.html
index 30d5e9f..bdce0ec 100644
--- a/content/v-0.10/references/components/refresh-loading.html
+++ b/content/v-0.10/references/components/refresh-loading.html
@@ -5,49 +5,6 @@
   
   <title>&lt;refresh&gt; &amp; &lt;loading&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="refresh &amp;amp; loadingv0.6.1+
 Loading ComponentsTo be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.
 example
@@ -60,7 +17,7 @@ example
 Loading ComponentsTo be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.
 example
 &amp;lt;template&amp;gt;  &amp;lt;li">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<refresh> & <loading>">
 <meta name="twitter:description" content="refresh &amp;amp; loadingv0.6.1+
@@ -124,13 +81,29 @@ example
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/refresh-loading.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/refresh-loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ example
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -434,11 +407,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -866,11 +839,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1024,7 +997,7 @@ example
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="refresh-amp-loading"><a href="#refresh-amp-loading" class="headerlink" title="refresh &amp; loading"></a>refresh &amp; loading</h1><p><span class="weex-version">v0.6.1+</span></p>
 <h2 id="Loading-Components"><a href="#Loading-Components" class="headerlink" title="Loading Components"></a>Loading Components</h2><p>To be rendered properly, the refresh/loading Components must appear inside the Scroller Component or the List Component.</p>
@@ -1093,7 +1066,7 @@ example
           <a href="/v-0.10/references/components/refresh-loading.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/refresh-loading.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/refresh-loading.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/scroller.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/scroller.html b/content/v-0.10/references/components/scroller.html
index 409cfc8..de96788 100644
--- a/content/v-0.10/references/components/scroller.html
+++ b/content/v-0.10/references/components/scroller.html
@@ -5,49 +5,6 @@
   
   <title>&lt;scroller&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scrolle">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ A scroller is a component in vertical direction which can have multiple child co
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
 A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scrolle">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<scroller>">
 <meta name="twitter:description" content="&amp;lt;scroller&amp;gt;v0.6.1+
@@ -118,13 +75,29 @@ A scroller is a component in vertical direction which can have multiple child co
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ A scroller is a component in vertical direction which can have multiple child co
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ A scroller is a component in vertical direction which can have multiple child co
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ A scroller is a component in vertical direction which can have multiple child co
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-scroller-gt"><a href="#lt-scroller-gt" class="headerlink" title="&lt;scroller&gt;"></a>&lt;scroller&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>A scroller is a component in vertical direction which can have multiple child components in one column. If total height of its child components exceed the height of the scroller, the whole child components will be scrollable.</p>
@@ -1077,7 +1050,7 @@ A scroller is a component in vertical direction which can have multiple child co
           <a href="/v-0.10/references/components/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/slider.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/slider.html b/content/v-0.10/references/components/slider.html
index 4583f03..ea15948 100644
--- a/content/v-0.10/references/components/slider.html
+++ b/content/v-0.10/references/components/slider.html
@@ -5,49 +5,6 @@
   
   <title>&lt;slider&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
 Child ComponentsIt supports all kinds of weex compo">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsIt supports all kinds of weex compo">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
 Child ComponentsIt supports all kinds of weex compo">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<slider>">
 <meta name="twitter:description" content="&amp;lt;slider&amp;gt;SummaryA slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.
@@ -118,13 +75,29 @@ Child ComponentsIt supports all kinds of weex compo">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsIt supports all kinds of weex compo">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ Child ComponentsIt supports all kinds of weex compo">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ Child ComponentsIt supports all kinds of weex compo">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-slider-gt"><a href="#lt-slider-gt" class="headerlink" title="&lt;slider&gt;"></a>&lt;slider&gt;</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A slide\u2019s player to show slides (mostly as pictures) one page by another. The default interval between two slides is 3 seconds.</p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>It supports all kinds of weex components as its slides, especially the <code>indicator</code> component which can be used only as a child component of <code>slider</code>.</p>
@@ -1065,7 +1038,7 @@ Child ComponentsIt supports all kinds of weex compo">
           <a href="/v-0.10/references/components/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/switch.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/switch.html b/content/v-0.10/references/components/switch.html
index 78a4fe3..3705a19 100644
--- a/content/v-0.10/references/components/switch.html
+++ b/content/v-0.10/references/components/switch.html
@@ -5,49 +5,6 @@
   
   <title>&lt;switch&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;switch&amp;gt;v0.6.1+
 The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.
 example">
@@ -58,7 +15,7 @@ example">
 <meta property="og:description" content="&amp;lt;switch&amp;gt;v0.6.1+
 The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.
 example">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<switch>">
 <meta name="twitter:description" content="&amp;lt;switch&amp;gt;v0.6.1+
@@ -121,13 +78,29 @@ example">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ example">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ example">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ example">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-switch-gt"><a href="#lt-switch-gt" class="headerlink" title="&lt;switch&gt;"></a>&lt;switch&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The weex builtin component switch is used to create and manage an IOS styled On/Off buttons, for example, the Airplane mode button in the Settings app is a switch button.</p>
@@ -1076,7 +1049,7 @@ example">
           <a href="/v-0.10/references/components/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/text.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/text.html b/content/v-0.10/references/components/text.html
index 28ab0fe..7911892 100644
--- a/content/v-0.10/references/components/text.html
+++ b/content/v-0.10/references/components/text.html
@@ -5,56 +5,13 @@
   
   <title>&lt;text&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<text>">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/components/text.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<text>">
 <meta name="twitter:description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-text-gt"><a href="#lt-text-gt" class="headerlink" title="&lt;text&gt;"></a>&lt;text&gt;</h1><p>The weex builtin component \u2018text\u2019 is used to render text with specified style rule. <text> tag can contain text value only. You can use variable interpolation in the text content with the mark <code>{{}}</code>.</text></p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>This component supports no child components.</p>
@@ -1074,7 +1047,7 @@
           <a href="/v-0.10/references/components/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/textarea.html b/content/v-0.10/references/components/textarea.html
index 0f003a9..757297c 100644
--- a/content/v-0.10/references/components/textarea.html
+++ b/content/v-0.10/references/components/textarea.html
@@ -5,49 +5,6 @@
   
   <title>&lt;textarea&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;textarea&amp;gt;v0.8+
 SummaryThe weex builtin component textarea is used to create interactive controls to accept data from users. It can be a multi-line input.
 Notes: &amp;lt;textarea&amp;gt; support all eve">
@@ -58,7 +15,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
 <meta property="og:description" content="&amp;lt;textarea&amp;gt;v0.8+
 SummaryThe weex builtin component textarea is used to create interactive controls to accept data from users. It can be a multi-line input.
 Notes: &amp;lt;textarea&amp;gt; support all eve">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<textarea>">
 <meta name="twitter:description" content="&amp;lt;textarea&amp;gt;v0.8+
@@ -121,13 +78,29 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-textarea-gt"><a href="#lt-textarea-gt" class="headerlink" title="&lt;textarea&gt;"></a>&lt;textarea&gt;</h1><p><span class="weex-version">v0.8+</span></p>
 <h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The weex builtin component <code>textarea</code> is used to create interactive controls to accept data from users. It can be a multi-line <a href="./input.html">input</a>.</p>
@@ -1094,7 +1067,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <a href="/v-0.10/references/components/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/video.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/video.html b/content/v-0.10/references/components/video.html
index 2c38308..e676bfb 100644
--- a/content/v-0.10/references/components/video.html
+++ b/content/v-0.10/references/components/video.html
@@ -5,49 +5,6 @@
   
   <title>&lt;video&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;video&amp;gt;v0.6.1+
 The video component can be used to embed video content in a weex page.
 example
@@ -60,7 +17,7 @@ example
 The video component can be used to embed video content in a weex page.
 example
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text&amp;gt;Big Eater!&amp;lt;/text&amp;gt;    &amp;lt;video onstart=&apos;onstart&apos;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<video>">
 <meta name="twitter:description" content="&amp;lt;video&amp;gt;v0.6.1+
@@ -124,13 +81,29 @@ example
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ example
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -434,11 +407,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -866,11 +839,11 @@ example
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1024,7 +997,7 @@ example
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-video-gt"><a href="#lt-video-gt" class="headerlink" title="&lt;video&gt;"></a>&lt;video&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The video component can be used to embed video content in a weex page.</p>
@@ -1074,7 +1047,7 @@ example
           <a href="/v-0.10/references/components/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/web.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/web.html b/content/v-0.10/references/components/web.html
index 259ae7e..3ab254a 100644
--- a/content/v-0.10/references/components/web.html
+++ b/content/v-0.10/references/components/web.html
@@ -5,49 +5,6 @@
   
   <title>&lt;web&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;web&amp;gt;v0.5+
 Use web component to display any web content in the weex page. The srcattribute is used to specify a special source. You also can use webview module to control some web operation such">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Use web component to display any web content in the weex page. The srcattribute
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;web&amp;gt;v0.5+
 Use web component to display any web content in the weex page. The srcattribute is used to specify a special source. You also can use webview module to control some web operation such">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -118,13 +75,29 @@ Use web component to display any web content in the weex page. The srcattribute
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Use web component to display any web content in the weex page. The srcattribute
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ Use web component to display any web content in the weex page. The srcattribute
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ Use web component to display any web content in the weex page. The srcattribute
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>Use web component to display any web content in the weex page. The <code>src</code>attribute is used to specify a special source. You also can use <code>webview</code> module to control some web operation such as goBack,goForward and reload. see <a href="https://alibaba.github.io/weex/doc/modules/webview.html" target="_blank" rel="external">webview module</a>.For example,You can use web component and webview module to assemble a browser.</p>
@@ -1057,7 +1030,7 @@ Use web component to display any web content in the weex page. The srcattribute
           <a href="/v-0.10/references/components/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/wxc-navpage.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/wxc-navpage.html b/content/v-0.10/references/components/wxc-navpage.html
index 6e42de6..fcdcbed 100644
--- a/content/v-0.10/references/components/wxc-navpage.html
+++ b/content/v-0.10/references/components/wxc-navpage.html
@@ -5,56 +5,13 @@
   
   <title>&lt;wxc-navpage&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;wxc-navpage&amp;gt;SummaryThe \u201cwxc-navpage\u201d tag implements a specialized component that contains a navbar at the top of the window and an embed content page. You can customize the navbar as you like.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<wxc-navpage>">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/components/wxc-navpage.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;wxc-navpage&amp;gt;SummaryThe \u201cwxc-navpage\u201d tag implements a specialized component that contains a navbar at the top of the window and an embed content page. You can customize the navbar as you like.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<wxc-navpage>">
 <meta name="twitter:description" content="&amp;lt;wxc-navpage&amp;gt;SummaryThe \u201cwxc-navpage\u201d tag implements a specialized component that contains a navbar at the top of the window and an embed content page. You can customize the navbar as you like.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/wxc-navpage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/wxc-navpage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-wxc-navpage-gt"><a href="#lt-wxc-navpage-gt" class="headerlink" title="&lt;wxc-navpage&gt;"></a>&lt;wxc-navpage&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The \u201cwxc-navpage\u201d tag implements a specialized component that contains a navbar at the top of the window and an embed content page. You can customize the navbar as you like. In addition, you can use <code>navigator</code> module to control the page jump, see <a href="../modules/navigator.html">navigator module</a>.</p>
 <h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This type of component supports all kinds of weex component as its child components.</p>
@@ -1070,7 +1043,7 @@
           <a href="/v-0.10/references/components/wxc-navpage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/wxc-navpage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/wxc-navpage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[35/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/image.html b/content/cn/references/components/image.html
index 0de3a74..0172757 100644
--- a/content/cn/references/components/image.html
+++ b/content/cn/references/components/image.html
@@ -5,49 +5,6 @@
   
   <title>&lt;image&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;image&amp;gt;&amp;lt;image&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &amp;lt;img&amp;gt; \u4f5c\u7b80\u5199\u3002
 \u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a width \u548c height\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002
 \u7b80\u5355\u4f8b\u5b50\uff1a
@@ -61,7 +18,7 @@
 \u7b80\u5355\u4f8b\u5b50\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;img style=&quot;width: 560;height: 560;&quot; src=&quot;https:/">
 <meta property="og:image" content="https://weex.apache.org/../images/image_1.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<image>">
 <meta name="twitter:description" content="&amp;lt;image&amp;gt;&amp;lt;image&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 &amp;lt;img&amp;gt; \u4f5c\u7b80\u5199\u3002
@@ -126,13 +83,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/image.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -520,11 +493,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -556,11 +529,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -593,11 +566,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -740,7 +713,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1116,11 +1089,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1152,11 +1125,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1189,11 +1162,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1336,7 +1309,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1354,7 +1327,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-image-gt"><a href="#lt-image-gt" class="headerlink" title="&lt;image&gt;"></a>&lt;image&gt;</h1><p><code>&lt;image&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u6e32\u67d3\u56fe\u7247\uff0c\u5e76\u4e14\u5b83\u4e0d\u80fd\u5305\u542b\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002\u53ef\u4ee5\u7528 <code>&lt;img&gt;</code> \u4f5c\u7b80\u5199\u3002</p>
 <p>\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u9700\u8981\u660e\u786e\u6307\u5b9a <code>width</code> \u548c <code>height</code>\uff0c\u5426\u5219\u56fe\u7247\u65e0\u6cd5\u663e\u793a\u3002</p>
@@ -1419,7 +1392,7 @@
 <li>\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</li>
 </ol>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"wrapper"</span> &gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"page-head"</span> &gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class="string">"title-bg"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202.png"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div c
 lass="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"title-box"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Alan Mathison Turing<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"article"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>Alan Mathison Turing ( 23 June 1912 \u2013 7 June 1954) was an English computer scientist, m
 athematician, logician, cryptanalyst and theoretical biologist. He was highly influential in the development of theoretical computer science, providing a formalisation of the concepts of algorithm and computation with the Turing machine, which can be considered a model of a general purpose computer.Turing is widely considered to be the father of theoretical computer science and artificial intelligence.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>During the Second World War, Turing worked for the Government Code and Cypher School (GC&amp;CS) at Bletchley Park, Britain's codebreaking centre. For a time he led Hut 8, the section responsible for German naval cryptanalysis. He devised a number of techniques for speeding the breaking of German ciphers, including improvements to the pre-war Polish bombe metho
 d, an electromechanical machine that could find settings for the Enigma machine. Turing played a pivotal role in cracking intercepted coded messages that enabled the Allies to defeat the Nazis in many crucial engagements, including the Battle of the Atlantic; it has been estimated that this work shortened the war in Europe by more than two years and saved over fourteen million lives.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>After the war, he worked at the National Physical Laboratory, where he designed the ACE, among the first designs for a stored-program computer. In 1948 Turing joined Max Newman's Computing Machine Laboratory at the Victoria University of Manchester, where he helped develop the Manchester computers and became interested in mathematical biology. He wrote a paper on the chemical bas
 is of morphogenesis, and predicted oscillating chemical reactions such as the Belousov\u2013Zhabotinsky reaction, first observed in the 1960s.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>Turing was prosecuted in 1952 for homosexual acts, when by the Labouchere Amendment, "gross indecency" was still criminal in the UK. He accepted chemical castration treatment, with DES, as an alternative to prison. Turing died in 1954, 16 days before his 42nd birthday, from cyanide poisoning. An inquest determined his death as suicide, but it has been noted that the known evidence is also consistent with accidental poisoning. In 2009, following an Internet campaign, British Prime Minister Gordon Brown made an official public apology on behalf of the British government for "the appalling way he was treated." Queen Elizabet
 h II granted him a posthumous pardon in 2013.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.page-head</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title-bg</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="numbe
 r">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title-box</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">position</span>: absolute;</div><div class="line">    <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line">    <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line">    <span class="attribute">bottom</span>: <span class="number">0</span>;</div><div class="line">    <span class="
 attribute">left</span>: <span class="number">0</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#ffffff</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line">    <span class="attribute">font-weight</span>: bold;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.article</span> &#123;</div><div class="line">    <span class="attribute">padding</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.paragraph</span>&#123;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">15px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div>
 </pre></td></tr></table></figure>
-<p><a href="../../../examples/image.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/e2122bc245beafb0348d79bfd1274904" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1441,7 +1414,7 @@
           <a href="/references/components/image.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/image.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/index.html b/content/cn/references/components/index.html
index c429e5c..10a7c07 100644
--- a/content/cn/references/components/index.html
+++ b/content/cn/references/components/index.html
@@ -5,49 +5,6 @@
   
   <title>\u5185\u5efa\u7ec4\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5185\u5efa\u7ec4\u4ef6
 &amp;lt;a&amp;gt;
 &amp;lt;indicator&amp;gt;
@@ -80,7 +37,7 @@
 &amp;lt;list&amp;gt;
 &amp;lt;cell&amp;gt;
 &amp;lt;refresh&amp;gt; &amp;amp; &amp;lt;load">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5185\u5efa\u7ec4\u4ef6">
 <meta name="twitter:description" content="\u5185\u5efa\u7ec4\u4ef6
@@ -154,13 +111,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -177,7 +150,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -548,11 +521,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -584,11 +557,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -621,11 +594,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -768,7 +741,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1144,11 +1117,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1180,11 +1153,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1217,11 +1190,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1364,7 +1337,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1382,7 +1355,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5185\u5efa\u7ec4\u4ef6"><a href="#\u5185\u5efa\u7ec4\u4ef6" class="headerlink" title="\u5185\u5efa\u7ec4\u4ef6"></a>\u5185\u5efa\u7ec4\u4ef6</h1><ul>
 <li><a href="./a.html">&lt;a&gt;</a></li>
@@ -1422,7 +1395,7 @@
           <a href="/references/components/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/indicator.html b/content/cn/references/components/indicator.html
index aa7bfa4..95e0cf4 100644
--- a/content/cn/references/components/indicator.html
+++ b/content/cn/references/components/indicator.html
@@ -5,49 +5,6 @@
   
   <title>&lt;indicator&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;indicator&amp;gt;&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002
 \u6837\u5f0f&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
@@ -62,7 +19,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
 \u6837\u5f0f&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u6709\u4e00\u4e9b\u79c1\u6709\u6837\u5f0f\uff0c\u5982\u4e0b\uff1a
 
 item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red\uff1b\u4e5f\u53ef\u4ee5\u662f 16 \u8fdb\u5236\u7684">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<indicator>">
 <meta name="twitter:description" content="&amp;lt;indicator&amp;gt;&amp;lt;indicator&amp;gt; \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 &amp;lt;slider&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002
@@ -127,13 +84,29 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/indicator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link current ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-indicator-gt"><a href="#lt-indicator-gt" class="headerlink" title="&lt;indicator&gt;"></a>&lt;indicator&gt;</h1><p><code>&lt;indicator&gt;</code> \u7ec4\u4ef6\u7528\u4e8e\u663e\u793a\u8f6e\u64ad\u56fe\u6307\u793a\u5668\u6548\u679c\uff0c\u5fc5\u987b\u5145\u5f53 <a href="./slider.html"><code>&lt;slider&gt;</code></a> \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6\u4f7f\u7528\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p><code>&lt;indicator&gt;</code> \u7ec4\u4ef6\u6ca1\u6709\u4efb\u4f55\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1394,7 +1367,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
 <li>\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</li>
 </ol>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"4500"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class="st
 ring">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>&#123;&#123;img.title&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">indicator</span> <span class="attr">class</span>=<span class="string">"indicator"</span>&gt;</span><span class="tag">&lt;/<span class="name">indicator</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">slider</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span
 >&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.image</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.slider</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</spa
 n>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">position</span>: absolute;</div><div class="line">    <span class="attribute">top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="n
 umber">#FFFFFF</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(0, 0, 0, 0.3);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.frame</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">position</span>: relative;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.indicator</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="att
 ribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">item-color</span>: green;</div><div class="line">    <span class="attribute">item-selected-color</span>: red;</div><div class="line">    <span class="attribute">item-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">top</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">left</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> 
 &#123;</div><div class="line">        <span class="attr">imageList</span>: [</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item A'</span>, <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item B'</span>, <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item C'</span>, <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;</div><div class="line">        ]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span clas
 s="attr">methods</span>: &#123;</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'changed:'</span>, event.index)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/indicator.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d2a654c4b75f1b4d80336c8a5fe133b9" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1416,7 +1389,7 @@ item-color {color}\uff1a\u8bbe\u7f6e\u9879\u7684\u989c\u8272\uff0c\u53ef\u4ee5\u662f\u989c\u8272\u7684\u540d\u79f0\uff0c\u4f8b\u5982 red
           <a href="/references/components/indicator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/input.html b/content/cn/references/components/input.html
index 6451c0f..ee98790 100644
--- a/content/cn/references/components/input.html
+++ b/content/cn/references/components/input.html
@@ -5,49 +5,6 @@
   
   <title>&lt;input&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;input&amp;gt;Weex \u5185\u7f6e\u7684 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &amp;lt;text&amp;gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
 \u6ce8\u610f\uff1a 
 \u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &amp;lt;input&amp;gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
@@ -60,7 +17,7 @@
 \u6ce8\u610f\uff1a 
 \u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301 click \u4e8b\u4ef6\u3002\u8bf7\u76d1\u542c &amp;lt;input&amp;gt; \u6216 change \u6765\u4ee3\u66ff click \u4e8b\u4ef6\u3002
 \u5b50\u7ec4\u4ef6">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<input>">
 <meta name="twitter:description" content="&amp;lt;input&amp;gt;Weex \u5185\u7f6e\u7684 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 &amp;lt;input&amp;gt; \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 type \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 &amp;lt;text&amp;gt;\uff0c password\uff0curl\uff0cemail\uff0ctel \u7b49\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/input.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link current ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-input-gt"><a href="#lt-input-gt" class="headerlink" title="&lt;input&gt;"></a>&lt;input&gt;</h1><p>Weex \u5185\u7f6e\u7684 <code>&lt;input&gt;</code> \u7ec4\u4ef6\u7528\u6765\u521b\u5efa\u63a5\u6536\u7528\u6237\u8f93\u5165\u5b57\u7b26\u7684\u8f93\u5165\u7ec4\u4ef6\u3002 <code>&lt;input&gt;</code> \u7ec4\u4ef6\u7684\u5de5\u4f5c\u65b9\u5f0f\u56e0 <code>type</code> \u5c5e\u6027\u7684\u503c\u800c\u5f02\uff0c\u6bd4\u5982 <code>&lt;text&gt;</code>\uff0c <code>password</code>\uff0c<code>url</code>\uff0c<code>email</code>\uff0c<code>tel</code> \u7b49\u3002</p>
 <p><strong>\u6ce8\u610f\uff1a</strong> </p>
@@ -1449,7 +1422,7 @@
 </ul>
 <h2 id="\u7ea6\u675f"><a href="#\u7ea6\u675f" class="headerlink" title="\u7ea6\u675f"></a>\u7ea6\u675f</h2><p>\u76ee\u524d\u4e0d\u652f\u6301 <code>this.$el(id).value = &#39;&#39;</code> \u8fd9\u79cd\u65b9\u5f0f\u6539\u5199 input value\u3002\u53ea\u652f\u6301\u5728 <code>&lt;input&gt;</code> \u7ec4\u4ef6\u7684 <code>input</code>\u3001<code>change</code> \u4e8b\u4ef6\u4e2d\u6539\u5199\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">input</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"text"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>&gt;</span></div><div class="line">  <span
  class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      oninput (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">$&#123;event.value&#125;</span>`
 </span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onfocus (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class
 ="line">          <span class="attr">message</span>: <span class="string">`onfocus: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onblur (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt
 ;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><di
 v class="line">    <span class="attribute">padding-right</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/input.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/c1b1a5fdcf0937df1d847f8812a7ccb2" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1471,7 +1444,7 @@
           <a href="/references/components/input.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/input.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/list.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/list.html b/content/cn/references/components/list.html
index 89670b0..c657d56 100644
--- a/content/cn/references/components/list.html
+++ b/content/cn/references/components/list.html
@@ -5,49 +5,6 @@
   
   <title>&lt;list&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;list&amp;gt;&amp;lt;list&amp;gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &amp;lt;list&amp;gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &amp;lt;cell&amp;gt; \u6807\u7b7e\u586b\u5145\u3002
 \u5b50\u7ec4\u4ef6&amp;lt;list&amp;gt; \u7ec4\u4ef6\u652f\u6301\u66f4\u591a\u9ad8\u7ea7\u529f\u80fd\uff0c\u7531\u4ee5\u4e0b\u5b50\u7ec4\u4ef6\u63d0\u4f9b\uff1a
 
@@ -63,7 +20,7 @@
 &amp;lt;cell&amp;gt;
 \u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868">
 <meta property="og:image" content="https://weex.apache.org/../images/list_4.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<list>">
 <meta name="twitter:description" content="&amp;lt;list&amp;gt;&amp;lt;list&amp;gt; \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 &amp;lt;list&amp;gt; \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 repeat \u751f\u6210\u7684 &amp;lt;cell&amp;gt; \u6807\u7b7e\u586b\u5145\u3002
@@ -129,13 +86,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/list.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -523,11 +496,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -559,11 +532,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -596,11 +569,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -743,7 +716,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1119,11 +1092,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1155,11 +1128,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link current ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1192,11 +1165,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1339,7 +1312,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1357,7 +1330,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-list-gt"><a href="#lt-list-gt" class="headerlink" title="&lt;list&gt;"></a>&lt;list&gt;</h1><p><code>&lt;list&gt;</code> \u7ec4\u4ef6\u662f\u63d0\u4f9b\u5782\u76f4\u5217\u8868\u529f\u80fd\u7684\u6838\u5fc3\u7ec4\u4ef6\uff0c\u62e5\u6709\u5e73\u6ed1\u7684\u6eda\u52a8\u548c\u9ad8\u6548\u7684\u5185\u5b58\u7ba1\u7406\uff0c\u975e\u5e38\u9002\u5408\u7528\u4e8e\u957f\u5217\u8868\u7684\u5c55\u793a\u3002\u6700\u7b80\u5355\u7684\u4f7f\u7528\u65b9\u6cd5\u662f\u5728 <code>&lt;list&gt;</code> \u6807\u7b7e\u5185\u4f7f\u7528\u4e00\u7ec4\u7531\u7b80\u5355\u6570\u7ec4 <code>repeat</code> \u751f\u6210\u7684 <code>&lt;cell&gt;</code> \u6807\u7b7e\u586b\u5145\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p><code>&lt;list&gt;</code> \u7ec4\u4ef6\u652f\u6301\u66f4\u591a\u9ad8\u7ea7\u529f\u80fd\uff0c\u7531\u4ee5\u4e0b\u5b50\u7ec4\u4ef6\u63d0\u4f9b\uff1a</p>
@@ -1428,7 +1401,7 @@
 </li>
 </ol>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="nam
 e">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">cell</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">list</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></div><div class="line">  <span class="keyword"
 >export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      fetch (event) &#123;</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line"></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">const</span> length 
 = <span class="keyword">this</span>.lists.length</div><div class="line">          <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i &lt; length + LOADMORE_COUNT; ++i) &#123;</div><div class="line">            <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line">          &#125;</div><div class="line">        &#125;, <span class="number">800</span>)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <
 span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div>
 <div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/list.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1450,7 +1423,7 @@
           <a href="/references/components/list.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/list.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/list.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[36/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/cn/references/color-names.html b/content/cn/references/color-names.html
index e702a99..05f7528 100644
--- a/content/cn/references/color-names.html
+++ b/content/cn/references/color-names.html
@@ -5,49 +5,6 @@
   
   <title>\u989c\u8272\u540d\u79f0\u5217\u8868 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:
 
 
@@ -136,7 +93,7 @@ fuchsia(\u665a\u6a31)
 
 
 g">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u989c\u8272\u540d\u79f0\u5217\u8868">
 <meta name="twitter:description" content="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:
@@ -238,13 +195,29 @@ g">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/color-names.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -261,7 +234,7 @@ g">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -632,11 +605,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -668,11 +641,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -705,11 +678,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -852,7 +825,7 @@ g">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1228,11 +1201,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1264,11 +1237,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1301,11 +1274,11 @@ g">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1448,7 +1421,7 @@ g">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1466,7 +1439,7 @@ g">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0"><a href="#Weex-\u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0" class="headerlink" title="Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0"></a>Weex \u652f\u6301\u7684\u6240\u6709\u989c\u8272\u540d\u79f0</h1><h3 id="\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd"><a href="#\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd" class="headerlink" title="\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:"></a>\u57fa\u7840\u989c\u8272\u5173\u952e\u8bcd:</h3><table>
 <thead>
@@ -2161,7 +2134,7 @@ g">
           <a href="/references/color-names.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/color-names.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/cn/references/common-event.html b/content/cn/references/common-event.html
index 0ebdecf..5c991a9 100644
--- a/content/cn/references/common-event.html
+++ b/content/cn/references/common-event.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u4e8b\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u4e8b\u4ef6Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a
 click\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002
 \u6ce8\u610f\uff1a
@@ -66,7 +23,7 @@ click\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002
 \u4e8b\u4ef6\u5bf9\u8c61
 type: click
 targe">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u4e8b\u4ef6">
 <meta name="twitter:description" content="\u901a\u7528\u4e8b\u4ef6Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a
@@ -133,13 +90,29 @@ targe">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-event.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ targe">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ targe">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ targe">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ targe">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ targe">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u4e8b\u4ef6"><a href="#\u901a\u7528\u4e8b\u4ef6" class="headerlink" title="\u901a\u7528\u4e8b\u4ef6"></a>\u901a\u7528\u4e8b\u4ef6</h1><p>Weex \u63d0\u4f9b\u4e86\u901a\u8fc7\u4e8b\u4ef6\u89e6\u53d1\u52a8\u4f5c\u7684\u80fd\u529b\uff0c\u4f8b\u5982\u5728\u7528\u6237\u70b9\u51fb\u7ec4\u4ef6\u65f6\u6267\u884c JavaScript\u3002\u4e0b\u9762\u5217\u51fa\u4e86\u53ef\u88ab\u6dfb\u52a0\u5230 Weex \u7ec4\u4ef6\u4e0a\u4ee5\u5b9a\u4e49\u4e8b\u4ef6\u52a8\u4f5c\u7684\u5c5e\u6027\uff1a</p>
 <h2 id="click"><a href="#click" class="headerlink" title="click"></a><code>click</code></h2><p>\u5f53\u7ec4\u4ef6\u4e0a\u53d1\u751f\u70b9\u51fb\u624b\u52bf\u65f6\u88ab\u89e6\u53d1\u3002</p>
@@ -1426,7 +1399,7 @@ targe">
           <a href="/references/common-event.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-event.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/cn/references/common-style.html b/content/cn/references/common-style.html
index 9410ed6..368580d 100644
--- a/content/cn/references/common-style.html
+++ b/content/cn/references/common-style.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u6837\u5f0f | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u6837\u5f0f\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002
 \u76d2\u6a21\u578b
 Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50\u3002\u6211\u4eec\u4e00\u822c\u5728\u8ba8\u8bba\u8bbe\u8ba1\u6216\u5e03\u5c40\u65f6\uff0c\u4f1a\u63d0\u5230\u300c\u76d2\u6a21\u578b\u300d\u8fd9\u4e2a\u6982\u5ff5\u3002
@@ -66,7 +23,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
 <meta property="og:image" content="https://weex.apache.org/images/style_1.jpg">
 <meta property="og:image" content="https://weex.apache.org/images/style_2.jpg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u6837\u5f0f">
 <meta name="twitter:description" content="\u901a\u7528\u6837\u5f0f\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002
@@ -131,13 +88,29 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -154,7 +127,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -525,11 +498,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -561,11 +534,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -598,11 +571,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -745,7 +718,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1121,11 +1094,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1157,11 +1130,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1194,11 +1167,11 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1341,7 +1314,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1359,7 +1332,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u6837\u5f0f"><a href="#\u901a\u7528\u6837\u5f0f" class="headerlink" title="\u901a\u7528\u6837\u5f0f"></a>\u901a\u7528\u6837\u5f0f</h1><p>\u6240\u6709 Weex \u7ec4\u4ef6\u90fd\u652f\u6301\u4ee5\u4e0b\u901a\u7528\u6837\u5f0f\u89c4\u5219\u3002</p>
 <h2 id="\u76d2\u6a21\u578b"><a href="#\u76d2\u6a21\u578b" class="headerlink" title="\u76d2\u6a21\u578b"></a>\u76d2\u6a21\u578b</h2><p><img src="./images/css-boxmodel.png" alt="box model @300*"></p>
@@ -1569,7 +1542,7 @@ Weex \u76d2\u6a21\u578b\u57fa\u4e8e CSS \u76d2\u6a21\u578b\uff0c\u6bcf\u4e2a Weex \u5143\u7d20\u90fd\u53ef\u89c6\u4f5c\u4e00\u4e2a\u76d2\u5b50
           <a href="/references/common-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/a.html b/content/cn/references/components/a.html
index 430c149..6efda1e 100644
--- a/content/cn/references/components/a.html
+++ b/content/cn/references/components/a.html
@@ -5,49 +5,6 @@
   
   <title>&lt;a&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;a&amp;gt;&amp;lt;a&amp;gt; \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 &amp;lt;a&amp;gt; \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 &amp;lt;a&amp;gt; \u7ec4\u4ef6\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002
 \u5b50\u7ec4\u4ef6\u6b64\u7ec4\u4ef6\u652f\u6301\u9664\u4e86\u81ea\u5df1\u5916\u7684\u6240\u6709 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u3002
 \u7279\u6027
@@ -60,7 +17,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
 \u5b50\u7ec4\u4ef6\u6b64\u7ec4\u4ef6\u652f\u6301\u9664\u4e86\u81ea\u5df1\u5916\u7684\u6240\u6709 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u3002
 \u7279\u6027
 href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<a>">
 <meta name="twitter:description" content="&amp;lt;a&amp;gt;&amp;lt;a&amp;gt; \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 &amp;lt;a&amp;gt; \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 &amp;lt;a&amp;gt; \u7ec4\u4ef6\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002
@@ -124,13 +81,29 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-a-gt"><a href="#lt-a-gt" class="headerlink" title="&lt;a&gt;"></a>&lt;a&gt;</h1><p><code>&lt;a&gt;</code> \u7ec4\u4ef6\u5b9a\u4e49\u4e86\u6307\u5411\u67d0\u4e2a\u9875\u9762\u7684\u4e00\u4e2a\u8d85\u94fe\u63a5. \u6b64\u7ec4\u4ef6\u7684\u4f5c\u7528\u548c\u7528\u6cd5\u4e0eHTML5\u4e2d\u7684 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><code>&lt;a&gt;</code></a> \u975e\u5e38\u7c7b\u4f3c\uff0c\u533a\u522b\u5728\u4e8e Weex \u7684 <code>&lt;a&gt;</code> \u7ec4\u4ef6<strong>\u4e0d\u80fd</strong>\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u6dfb\u52a0 <code>&lt;text&gt;</code> \u7ec4\u4ef6\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u6b64\u7ec4\u4ef6\u652f\u6301\u9664\u4e86\u81ea\u5df1\u5916\u7684\u6240\u6709 Weex \u7ec4\u4ef6\u4f5c\u4e3a\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1376,17 +1349,16 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
 <li><code>disappear</code></li>
 </ul>
 <p>\u67e5\u770b <a href="../common-event.html">\u901a\u7528\u4e8b\u4ef6</a>\u3002</p>
-<h2 id="\u7ea6\u675f"><a href="#\u7ea6\u675f" class="headerlink" title="\u7ea6\u675f"></a>\u7ea6\u675f</h2><ol>
+<h2 id="\u7ea6\u675f"><a href="#\u7ea6\u675f" class="headerlink" title="\u7ea6\u675f"></a>\u7ea6\u675f</h2><ul>
 <li><p><strong>\u4e0d\u80fd</strong>\u76f4\u63a5\u5728 <code>&lt;a&gt;</code> \u4e2d\u6dfb\u52a0\u6587\u672c\u3002<br>\u9519\u8bef\u793a\u4f8b\uff0c\u201cclick\u201d \u65e0\u6cd5\u88ab\u6b63\u5e38\u6e32\u67d3\u3002</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">a</span> <span class="attr">href</span>=<span class="string">"http://dotwe.org/raw/dist/a468998152ee680413588c38bd61c29e.js"</span>&gt;</span></div><div class="line">      click</div><div class="line">    <span class="tag">&lt;/<span class="name">a</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line"><span class="
 selector-class">.wrapper</span> &#123;</div><div class="line">  <span class="attribute">text-align</span>: center;</div><div class="line">&#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-</li>
-</ol>
 <p><a href="http://dotwe.org/0a22d65138691a208e3fb1f8f6392b38" target="_blank" rel="external">\u4f53\u9a8c\u4e00\u4e0b</a></p>
-<ol>
-<li>\u8bf7\u4e0d\u8981\u4e3a <code>&lt;a&gt;</code> \u6dfb\u52a0 <code>click</code> \u4e8b\u4ef6\u3002\u6211\u4eec\u4e0d\u80fd\u786e\u4fdd <code>click</code> \u4e8b\u4ef6\u548c <code>href</code> \u8df3\u8f6c\u7684\u6267\u884c\u987a\u5e8f\u3002</li>
-</ol>
+</li>
+<li><p>\u8bf7\u4e0d\u8981\u4e3a <code>&lt;a&gt;</code> \u6dfb\u52a0 <code>click</code> \u4e8b\u4ef6\u3002\u6211\u4eec\u4e0d\u80fd\u786e\u4fdd <code>click</code> \u4e8b\u4ef6\u548c <code>href</code> \u8df3\u8f6c\u7684\u6267\u884c\u987a\u5e8f\u3002</p>
+</li>
+</ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">a</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">href</span>=<span class="string">"http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>Jump<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">a</span>&gt;</span></div><div
  class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</sp
 an>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">text-align</
 span>: center;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/a.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/025db54e37123ab5336a4b848397660f" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1408,7 +1380,7 @@ href {string}\uff1a\u5b9a\u4e49\u4e86\u8d85\u94fe\u63a5\u7684 UR">
           <a href="/references/components/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/cell.html b/content/cn/references/components/cell.html
index e59a4c7..62c94a3 100644
--- a/content/cn/references/components/cell.html
+++ b/content/cn/references/components/cell.html
@@ -5,49 +5,6 @@
   
   <title>&lt;cell&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;cell&amp;gt;\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 ul \u4e4b\u4e8e li\u3002Weex \u4f1a\u5bf9 &amp;lt;cell&amp;gt; \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a&amp;lt;list&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002
 \u5b50\u7ec4\u4ef6\u652f\u6301\u6240\u6709 Weex \u7684\u7ec4\u4ef6\u4f5c\u4e3a\u5b83\u7684\u5b50\u7ec4\u4ef6\u3002
 \u6837\u5f0f\u6ce8\u610f\uff1a
@@ -60,7 +17,7 @@
 \u5b50\u7ec4\u4ef6\u652f\u6301\u6240\u6709 Weex \u7684\u7ec4\u4ef6\u4f5c\u4e3a\u5b83\u7684\u5b50\u7ec4\u4ef6\u3002
 \u6837\u5f0f\u6ce8\u610f\uff1a
 \u4f60\u4e0d\u80fd\u7ed9 &amp;lt;cell&amp;gt; \u8bbe\u5b9aflex\u503c\u3002 &amp;lt;cell&amp;gt;\u7684\u5bbd\u5ea6">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<cell>">
 <meta name="twitter:description" content="&amp;lt;cell&amp;gt;\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 ul \u4e4b\u4e8e li\u3002Weex \u4f1a\u5bf9 &amp;lt;cell&amp;gt; \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a&amp;lt;list&amp;gt; \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/cell.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-cell-gt"><a href="#lt-cell-gt" class="headerlink" title="&lt;cell&gt;"></a>&lt;cell&gt;</h1><p>\u7528\u4e8e\u5b9a\u4e49\u5217\u8868\u4e2d\u7684\u5b50\u5217\u8868\u9879\uff0c\u7c7b\u4f3c\u4e8e HTML \u4e2d\u7684 <code>ul</code> \u4e4b\u4e8e <code>li</code>\u3002Weex \u4f1a\u5bf9 <code>&lt;cell&gt;</code> \u8fdb\u884c\u9ad8\u6548\u7684\u5185\u5b58\u56de\u6536\u4ee5\u8fbe\u5230\u66f4\u597d\u7684\u6027\u80fd\uff0c\u8be5\u7ec4\u4ef6\u5fc5\u987b\u4f5c\u4e3a<a href="./list.html"><code>&lt;list&gt;</code></a> \u7ec4\u4ef6\u7684\u5b50\u7ec4\u4ef6, \u8fd9\u662f\u4e3a\u4e86\u4f18\u5316\u6eda\u52a8\u65f6\u7684\u6027\u80fd\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u652f\u6301\u6240\u6709 Weex \u7684\u7ec4\u4ef6\u4f5c\u4e3a\u5b83\u7684\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1383,7 +1356,7 @@
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">list</span> <span class="attr">class</span>=<span class="string">"list"</span> @<span class="attr">loadmore</span>=<span class="string">"fetch"</span> <span class="attr">loadmoreoffset</span>=<span class="string">"10"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">cell</span> <span class="attr">class</span>=<span class="string">"cell"</span> <span class="attr">v-for</span>=<span class="string">"num in lists"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="nam
 e">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;num&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">cell</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">list</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line">  <span class="keyword">const</span> LOADMORE_COUNT = <span class="number">4</span></div><div class="line"></div><div class="line">  <span class="keyword"
 >export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">lists</span>: [<span class="number">1</span>, <span class="number">2</span>, <span class="number">3</span>, <span class="number">4</span>, <span class="number">5</span>]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      fetch (event) &#123;</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'loadmore'</span>, <span class="attr">duration</span>: <span class="number">1</span> &#125;)</div><div class="line"></div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">const</span> length 
 = <span class="keyword">this</span>.lists.length</div><div class="line">          <span class="keyword">for</span> (<span class="keyword">let</span> i = length; i &lt; length + LOADMORE_COUNT; ++i) &#123;</div><div class="line">            <span class="keyword">this</span>.lists.push(i + <span class="number">1</span>)</div><div class="line">          &#125;</div><div class="line">        &#125;, <span class="number">800</span>)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <
 span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div>
 <div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/list.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d31c85e7cd2dc54fa098e920a5376c38" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1405,7 +1378,7 @@
           <a href="/references/components/cell.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/cell.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/div.html b/content/cn/references/components/div.html
index bfef442..83634b6 100644
--- a/content/cn/references/components/div.html
+++ b/content/cn/references/components/div.html
@@ -5,49 +5,6 @@
   
   <title>&lt;div&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;div&amp;gt;&amp;lt;div&amp;gt; \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001flexbox \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 &amp;lt;div&amp;gt; \u5bb9\u5668\uff0c\u4f46\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c&amp;lt;div&amp;gt; \u522b\u540d\u662f &amp;lt;container&amp;gt;\uff0c\u76ee\u524d\u5df2\u7ecf\u5f03\u7528\u3002
 \u6ce8\u610f\uff1a
 &amp;lt;div&amp;g">
@@ -59,7 +16,7 @@
 \u6ce8\u610f\uff1a
 &amp;lt;div&amp;g">
 <meta property="og:image" content="https://weex.apache.org/../images/div_1.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<div>">
 <meta name="twitter:description" content="&amp;lt;div&amp;gt;&amp;lt;div&amp;gt; \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001flexbox \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 &amp;lt;div&amp;gt; \u5bb9\u5668\uff0c\u4f46\u4e0d\u80fd\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 &amp;lt;text&amp;gt; \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c&amp;lt;div&amp;gt; \u522b\u540d\u662f &amp;lt;container&amp;gt;\uff0c\u76ee\u524d\u5df2\u7ecf\u5f03\u7528\u3002
@@ -123,13 +80,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/div.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -517,11 +490,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -553,11 +526,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -590,11 +563,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -737,7 +710,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1113,11 +1086,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1149,11 +1122,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1186,11 +1159,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1333,7 +1306,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1351,7 +1324,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-div-gt"><a href="#lt-div-gt" class="headerlink" title="&lt;div&gt;"></a>&lt;div&gt;</h1><p><code>&lt;div&gt;</code> \u7ec4\u4ef6\u662f\u7528\u4e8e\u5305\u88c5\u5176\u5b83\u7ec4\u4ef6\u7684\u6700\u57fa\u672c\u5bb9\u5668\u3002\u652f\u6301\u6240\u6709\u7684\u901a\u7528\u6837\u5f0f\u3001\u7279\u6027\u3001<code>flexbox</code> \u5e03\u5c40\u3002\u5176\u7c7b\u4f3c\u4e8e HTML \u7684 <code>&lt;div&gt;</code> \u5bb9\u5668\uff0c\u4f46<strong>\u4e0d\u80fd</strong>\u76f4\u63a5\u5728\u91cc\u9762\u6dfb\u52a0\u6587\u672c\uff08\u5b57\u7b26\u4e32\uff09\uff0c\u5982\u679c\u8981\u5c55\u793a\u6587\u672c\uff0c\u5e94\u8be5\u4f7f\u7528 <code>&lt;text&gt;</code> \u7ec4\u4ef6\u3002\u5386\u53f2\u7248\u672c\u4e2d\uff0c<code>&lt;div&gt;</code> \u522b\u540d\u662f <code>&lt;container&gt;</code>\uff0c\u76ee\u524d<strong>\u5df2\u7ecf\u5f03\u7528</strong>\u3002</p>
 <p><strong>\u6ce8\u610f\uff1a</strong></p>
@@ -1389,7 +1362,7 @@
 </li>
 </ol>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span 
 class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/div.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/edfbd1806508cb86254b03dc0b8e28ac" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1411,7 +1384,7 @@
           <a href="/references/components/div.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/div.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[38/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/index.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/index.html b/content/cn/guide/index.html
index 83d464a..8657156 100644
--- a/content/cn/guide/index.html
+++ b/content/cn/guide/index.html
@@ -5,49 +5,6 @@
   
   <title>\u5feb\u901f\u4e0a\u624b | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5feb\u901f\u4e0a\u624bWeex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002
 Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
 <meta property="og:type" content="website">
@@ -58,7 +15,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
 Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5feb\u901f\u4e0a\u624b">
 <meta name="twitter:description" content="\u5feb\u901f\u4e0a\u624bWeex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002
@@ -121,13 +78,29 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -275,7 +248,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -411,7 +384,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -429,18 +402,22 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5feb\u901f\u4e0a\u624b"><a href="#\u5feb\u901f\u4e0a\u624b" class="headerlink" title="\u5feb\u901f\u4e0a\u624b"></a>\u5feb\u901f\u4e0a\u624b</h1><p>Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002</p>
-<h2 id="Vue-\u662f\u4ec0\u4e48\uff1f"><a href="#Vue-\u662f\u4ec0\u4e48\uff1f" class="headerlink" title="Vue \u662f\u4ec0\u4e48\uff1f"></a>Vue \u662f\u4ec0\u4e48\uff1f</h2><p>Vue.js \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 <code>*.vue</code> \u6587\u4ef6\uff0c\u57fa\u4e8e <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002</p>
+<h2 id="Vue-\u662f\u4ec0\u4e48\uff1f"><a href="#Vue-\u662f\u4ec0\u4e48\uff1f" class="headerlink" title="Vue \u662f\u4ec0\u4e48\uff1f"></a>Vue \u662f\u4ec0\u4e48\uff1f</h2><p>Vue.js \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 <code>*.vue</code> \u6587\u4ef6\uff0c\u57fa\u4e8e <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002</p>
 <h2 id="Hello-World"><a href="#Hello-World" class="headerlink" title="Hello World"></a>Hello World</h2><p>\u5c1d\u8bd5 Weex \u6700\u7b80\u5355\u7684\u65b9\u6cd5\u662f\u4f7f\u7528 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a> \u548c\u5728 <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> \u7f16\u5199\u4e00\u4e2a <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> \u4f8b\u5b50\u3002\u4f60\u4e0d\u9700\u8981\u8003\u8651\u5b89\u88c5\u5f00\u53d1\u73af\u5883\u6216\u7f16\u5199 native \u4ee3\u7801\uff0c\u53ea\u9700\u8981\u505a\u4e0b\u9762\u4e24\u4ef6\u4e8b\uff1a</p>
 <ul>
 <li>\u4e3a\u4f60\u7684\u624b\u673a\u5b89\u88c5 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a>\uff0c\u5f53\u7136\uff0cWeex \u662f\u8de8\u5e73\u53f0\u7684\u6846\u67b6\uff0c\u4f60\u4f9d\u7136\u53ef\u4ee5\u4f7f\u7528\u6d4f\u89c8\u5668\u8fdb\u884c\u9884\u89c8\uff0c\u53ea\u662f\u8fd9\u6837\u4f60\u5c31\u65e0\u6cd5\u611f\u53d7\u5230 native \u4f18\u79c0\u7684\u4f53\u9a8c\u4e86\u3002</li>
 <li>\u5728\u65b0\u6807\u7b7e\u9875\u4e2d\u6253\u5f00 <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">Hello World</a> \u4f8b\u5b50\uff0c\u70b9\u51fb\u9884\u89c8\uff0c\u7136\u540e\u7528  Playground \u626b\u7801\u5373\u53ef\u3002</li>
 </ul>
+<p>\u5728\u8fd9\u4e2a\u4f8b\u5b50\u4e2d\uff0c\u6211\u4eec\u770b\u5230\u4e86\u719f\u6089\u7684 HTML \u8bed\u4e49\u5316\u6807\u7b7e\u3001CSS \u6837\u5f0f\u548c Javascript \u4ee3\u7801\u3002\u8fd9\u662f\u4e00\u4e2a\u6700\u7b80\u5355\u7684 Weex \u793a\u4f8b\uff0c\u5b83\u5728\u9875\u9762\u4e2d\u6e32\u67d3\u4e86\u4e00\u4e2a \u201cHello World\u201d\u3002\u8bf7\u6ce8\u610f\uff0c\u8fd9\u4e0d\u662f\u4e00\u4e2a H5 \u9875\u9762\uff0c\u800c\u662f native \u7684\u3002</p>
 <p><img src="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg" alt="mobile_preview"></p>
-<p>\u5f88\u7b80\u5355\uff0c\u6211\u4eec\u53ef\u4ee5\u770b\u5230\u8bed\u6cd5\u5c31\u662f\u6211\u4eec\u719f\u6089\u7684 Vue\u3002\u4f60\u53ef\u4ee5\u4fee\u6539\u8fd9\u4e2a\u4f8b\u5b50\uff0c\u518d\u6b21\u626b\u7801\u5c1d\u8bd5\u3002</p>
-<h2 id="\u642d\u5efa\u5f00\u53d1\u73af\u5883"><a href="#\u642d\u5efa\u5f00\u53d1\u73af\u5883" class="headerlink" title="\u642d\u5efa\u5f00\u53d1\u73af\u5883"></a>\u642d\u5efa\u5f00\u53d1\u73af\u5883</h2><h3 id="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"><a href="#\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56" class="headerlink" title="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"></a>\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56</h3><p>Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c weex-toolkit\u3002</p>
+<h3 id="\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f"><a href="#\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f" class="headerlink" title="\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f"></a>\u53d1\u751f\u4e86\u4ec0\u4e48\uff1f</h3><p>\u5c31\u5982\u793a\u4f8b\u4ee3\u7801\u6240\u793a\uff1a</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;text&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50</span>;</div><div class=
 "line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">text</span>: <span class="string">'Hello World.'</span></div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
+<p>\u6211\u4eec\u6682\u65f6\u4e0d\u53bb\u5173\u5fc3 Weex \u7684\u6280\u672f\u7ec6\u8282\uff0c\u4ec5\u770b\u5927\u81f4\u7684\u4ee3\u7801\u7ed3\u6784\uff0c\u6211\u4eec\u53ef\u4ee5\u770b\u5230\u8bed\u6cd5\u5c31\u662f\u6211\u4eec\u719f\u6089\u7684 Vue\u3002\u4f60\u53ef\u4ee5\u4fee\u6539\u8fd9\u4e2a\u4f8b\u5b50\uff0c\u518d\u6b21\u626b\u7801\u5c1d\u8bd5\u3002</p>
+<h2 id="\u642d\u5efa\u5f00\u53d1\u73af\u5883"><a href="#\u642d\u5efa\u5f00\u53d1\u73af\u5883" class="headerlink" title="\u642d\u5efa\u5f00\u53d1\u73af\u5883"></a>\u642d\u5efa\u5f00\u53d1\u73af\u5883</h2><p>\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002</p>
+<h3 id="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"><a href="#\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56" class="headerlink" title="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"></a>\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56</h3><p>Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c weex-toolkit\u3002</p>
 <p>\u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 <a href="https://nodejs.org/en/" target="_blank" rel="external">Node.js \u5b98\u7f51</a> \u4e0b\u8f7d\u53ef\u6267\u884c\u7a0b\u5e8f\u76f4\u63a5\u5b89\u88c5\u5373\u53ef\u3002</p>
 <p>\u5bf9\u4e8e Mac\uff0c\u53ef\u4ee5\u4f7f\u7528 <a href="http://brew.sh/" target="_blank" rel="external">Homebrew</a> \u8fdb\u884c\u5b89\u88c5\uff1a</p>
 <figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">brew install node</div></pre></td></tr></table></figure>
@@ -498,7 +475,7 @@ Vue \u662f\u4ec0\u4e48\uff1fVue.js \u662f Evan You \u5f00">
           <a href="/guide/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/integrate-to-your-app.html b/content/cn/guide/integrate-to-your-app.html
index c326bb9..ad338fa 100644
--- a/content/cn/guide/integrate-to-your-app.html
+++ b/content/cn/guide/integrate-to-your-app.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528\u96c6\u6210\u5230 Android\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002
 Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f
 \u6e90\u7801\u4f9d\u8d56\uff1a\u80fd\u591f\u5feb\u901f\u4f7f\u7528WEEX\u6700\u65b0\u529f\u80fd\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u9879\u76ee\u7684\u7279\u6027\u8fdb\u884c\u76f8\u5173\u6539\u8fdb\u3002
@@ -68,7 +25,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
 \u524d\u671f\u51c6\u5907
 \u5df2\u7ecf\u5b89\u88c5\u4e86JDK version&amp;gt;=1.7 \u5e76\u914d\u7f6e\u4e86\u73af\u5883\u53d8\u91cf
 \u5df2\u7ecf">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528">
 <meta name="twitter:description" content="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528\u96c6\u6210\u5230 Android\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002
@@ -136,13 +93,29 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/integrate-to-your-app.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/integrate-to-your-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -290,7 +263,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -426,7 +399,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -444,7 +417,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Weex-\u5230\u5df2\u6709\u5e94\u7528"><a href="#\u96c6\u6210-Weex-\u5230\u5df2\u6709\u5e94\u7528" class="headerlink" title="\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528"></a>\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</h1><h2 id="\u96c6\u6210\u5230-Android"><a href="#\u96c6\u6210\u5230-Android" class="headerlink" title="\u96c6\u6210\u5230 Android"></a>\u96c6\u6210\u5230 Android</h2><p>\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002</p>
 <h3 id="Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"><a href="#Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f" class="headerlink" title="Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"></a>Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f</h3><ol>
@@ -534,7 +507,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
           <a href="/guide/integrate-to-your-app.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/integrate-to-your-app.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/integrate-to-your-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/app-architecture.html b/content/cn/guide/intro/app-architecture.html
index 7eb1c7c..acc0f85 100644
--- a/content/cn/guide/intro/app-architecture.html
+++ b/content/cn/guide/intro/app-architecture.html
@@ -5,49 +5,6 @@
   
   <title>\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u9700\u8981\u5e76\u884c\u7814\u53d1\u7684\u80fd\u529b\uff0c\u5f53\u4e00\u4e2a\u79fb\u52a8\u5e94\u7528\u53d1\u5c55\u5230\u4e00\u5b9a\u89c4\u6a21\u7684\u65f6\u5019\uff0c\u80fd\u5426\u652f\u6491\u5927\u89c4\u6a21\u7684\u5e76\u884c\u7814\u53d1\u5c31\u6210\u4e3a\u4e86\u4e00\u4ef6\u975e\u5e38\u5173\u952e\u800c\u53c8\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u5426\u5219\u5f88\u5bb9\u6613\u53d8\u6210\u5de5\u7a0b\u74f6\u9888\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u52a8\u6001\u6027\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u4e0d\u8bba\u4ece\u7814\u53d1\u8282\u594f\u3001\u90e8\u7f72\u7684\u7075\u6d3b\u6027\u548c\u65f6\u6548\u6027\u3001\u5305\u5927\u5c0f\u3001\u8fd8\u662f\u4ece\u7814\u53d1\u5230\u53d1\u5e03\u518d\u5230\u53cd\u9988\u7684\u8fed\u4ee3\u5468\u671f\u4e0a\uff0c\u90fd\u548c\u79fb\u52a8\u4e92\u8054\u7f51\u7684\u53d1\u5c55">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u9700\u8981\u5e76\u884c\u7814\u53d1\u7684\u80fd\u529b\uff0c\u5f53\u4e00\u4e2a\u79fb\u52a8\u5e94\u7528\u53d1\u5c55\u5230\u4e00\u5b9a\u89c4\u6a21\u7684\u65f6\u5019\uff0c\u80fd\u5426\u652f\u6491\u5927\u89c4\u6a21\u7684\u5e76\u884c\u7814\u53d1\u5c31\u6210\u4e3a\u4e86\u4e00\u4ef6\u975e\u5e38\u5173\u952e\u800c\u53c8\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u5426\u5219\u5f88\u5bb9\u6613\u53d8\u6210\u5de5\u7a0b\u74f6\u9888\u3002
 \u79fb\u52a8\u5e94\u7528\u9700\u8981\u52a8\u6001\u6027\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u4e0d\u8bba\u4ece\u7814\u53d1\u8282\u594f\u3001\u90e8\u7f72\u7684\u7075\u6d3b\u6027\u548c\u65f6\u6548\u6027\u3001\u5305\u5927\u5c0f\u3001\u8fd8\u662f\u4ece\u7814\u53d1\u5230\u53d1\u5e03\u518d\u5230\u53cd\u9988\u7684\u8fed\u4ee3\u5468\u671f\u4e0a\uff0c\u90fd\u548c\u79fb\u52a8\u4e92\u8054\u7f51\u7684\u53d1\u5c55">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528">
 <meta name="twitter:description" content="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/app-architecture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/app-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -275,7 +248,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -411,7 +384,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -429,7 +402,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u7528-Weex-\u6784\u5efa\u79fb\u52a8\u5e94\u7528"><a href="#\u7528-Weex-\u6784\u5efa\u79fb\u52a8\u5e94\u7528" class="headerlink" title="\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528"></a>\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</h1><h2 id="\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528"><a href="#\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528" class="headerlink" title="\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528"></a>\u4eca\u5929\u7684\u79fb\u52a8\u5e94\u7528</h2><p>\u8fd9\u91cc\u8c08\u4e00\u8c08 Weex \u5bf9\u79fb\u52a8\u5e94\u7528\u7684\u7406\u89e3\u3002</p>
 <h3 id="\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1"><a href="#\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1" class="headerlink" title="\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1"></a>\u79fb\u52a8\u5e94\u7528\u9700\u8981\u652f\u6491\u5e76\u884c\u7814\u53d1</h3><p>\u5982\u4eca\u79fb\u52a8\u5e94\u7528\u7684\u5f00\u53d1\u9700\u8981\u5e76\u884c\u7814\u53d1\u7684\u80fd\u529b\uff0c\u5f53\u4e00\u4e2a\u79fb\u52a8\u5e94\u7528\u53d1\u5c55\u5230\u4e00\u5b9a\u89c4\u6a21\u7684\u65f6\u5019\uff0c\u80fd\u5426\u652f\u6491\u5927\u89c4\u6a21\u7684\u5e76\u884c\u7814\u53d1\u5c31\u6210\u4e3a\u4e86\u4e00\u4ef6\u975e\u5e38\u5173\u952e\u800c\u53c8\u91cd\u8981\u7684\u4e8b\u60c5\u3002\u5426\u5219\u5f88\u5bb9\u6613\u53d8\u6210\u5de5\u7a0b\u74f6\u9888\u3002</p>
@@ -476,7 +449,7 @@
           <a href="/guide/intro/app-architecture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/app-architecture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/app-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/devtools.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/devtools.html b/content/cn/guide/intro/devtools.html
index c4f243f..8184fe4 100644
--- a/content/cn/guide/intro/devtools.html
+++ b/content/cn/guide/intro/devtools.html
@@ -5,49 +5,6 @@
   
   <title>\u4f7f\u7528 Devtools | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtoolsweex devtools\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86Chrome Debugging Protocol\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301IOS\u548cAndroid\u4e24\u4e2a\u5e73\u53f0\u3002
 \u5b89\u88c5$ npm install  -g  weex-toolkit
 \u7528\u6cd5 weex debug [options] [we_">
@@ -67,7 +24,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Devtools">
 <meta name="twitter:description" content="Devtoolsweex devtools\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86Chrome Debugging Protocol\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301IOS\u548cAndroid\u4e24\u4e2a\u5e73\u53f0\u3002
@@ -131,13 +88,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/devtools.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -154,7 +127,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -285,7 +258,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -421,7 +394,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -439,7 +412,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p><strong>weex devtools</strong>\u662f\u4e13\u95e8\u4e3aweex\u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86<a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external"><strong>Chrome Debugging Protocol</strong></a>\u7684inspect/debug\u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770bapp\u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5weex\u4e2d\u7684Javascript\u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301<strong>IOS</strong>\u548c<strong>Android</strong>\u4e24\u4e2a\u5e73\u53f0\u3002</p>
 <h2 id="\u5b89\u88c5"><a href="#\u5b89\u88c5" class="headerlink" title="\u5b89\u88c5"></a>\u5b89\u88c5</h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ npm install  -g  weex-toolkit</div></pre></td></tr></table></figure>
@@ -495,7 +468,7 @@
           <a href="/guide/intro/devtools.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/devtools.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/how-it-works.html b/content/cn/guide/intro/how-it-works.html
index a1dd945..7610bb9 100644
--- a/content/cn/guide/intro/how-it-works.html
+++ b/content/cn/guide/intro/how-it-works.html
@@ -5,49 +5,6 @@
   
   <title>\u5de5\u4f5c\u539f\u7406 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5de5\u4f5c\u539f\u7406\u6574\u4f53\u67b6\u6784Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef">
 <meta property="og:type" content="website">
 <meta property="og:title" content="\u5de5\u4f5c\u539f\u7406">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5de5\u4f5c\u539f\u7406\u6574\u4f53\u67b6\u6784Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef">
 <meta property="og:image" content="https://weex.apache.org/../images/flow.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5de5\u4f5c\u539f\u7406">
 <meta name="twitter:description" content="\u5de5\u4f5c\u539f\u7406\u6574\u4f53\u67b6\u6784Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/how-it-works.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/how-it-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -271,7 +244,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -407,7 +380,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -425,7 +398,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5de5\u4f5c\u539f\u7406"><a href="#\u5de5\u4f5c\u539f\u7406" class="headerlink" title="\u5de5\u4f5c\u539f\u7406"></a>\u5de5\u4f5c\u539f\u7406</h1><h2 id="\u6574\u4f53\u67b6\u6784"><a href="#\u6574\u4f53\u67b6\u6784" class="headerlink" title="\u6574\u4f53\u67b6\u6784"></a>\u6574\u4f53\u67b6\u6784</h2><p>Weex \u8868\u9762\u4e0a\u662f\u4e00\u4e2a\u5ba2\u6237\u7aef\u6280\u672f\uff0c\u4f46\u5b9e\u9645\u4e0a\u5b83\u4e32\u8054\u8d77\u4e86\u4ece\u672c\u5730\u5f00\u53d1\u73af\u5883\u5230\u4e91\u7aef\u90e8\u7f72\u548c\u5206\u53d1\u7684\u6574\u4e2a\u94fe\u8def\u3002\u5f00\u53d1\u8005\u9996\u5148\u53ef\u4ee5\u5728\u672c\u5730\u50cf\u64b0\u5199 web \u9875\u9762\u4e00\u6837\u64b0\u5199\u4e00\u4e2a app \u7684\u9875\u9762\uff0c\u7136\u540e\u7f16\u8bd1\u6210\u4e00\u6bb5 JavaScript \u4ee3\u7801\uff0c\u5f62\u6210 Weex \u7684\u4e00\u4e2a JS bundle\uff1b\u5728\u4e91\u7aef\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u628a\u751f\u6210\u7684 JS bundle \u90e8\u7f72\u4e0a\u53bb\uff0c\u7136\u540e\u901a\u8fc7\u7f51\u7edc\u8bf7\u6c42\u6216\u9884\u4e0b\u53d1\u7684\u65b9\u5f0f\u4f20\u9012\u5230\u7528\u6237\u7684\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\uff1b\u5728\u79fb\u52a8\u5e94\u7528\u5ba2\u6237\u7aef\u91cc\uff0cWeexSDK \u4f1a\u51c6\u5907\u597d\u4e00\u4e2a JavaScript \u5f15\u64ce\uff0c\u5e76\u4e14\u5728\u7528\u6237\u6253\u5f00\u4e00\u4e2a Weex \u9875\u9762\u65f6\u6267\u884c\u76f8\u5e94\u7684 JS bundle\uff0c\u5e76\u5728\u6267\u884c\u8fc7\u7a0b\u4e2d\u4ea7\u751f\u5404\u79cd\u547d\u4ee4\u53d1\u9001\u5230 native \u7aef\u8fdb\u884c\u7684\u754c\u9762\u6e32\u67d3\u6216\u6570\u636e\u5b58\u50a8\u3001\u7f51\u7edc\u901a\u4fe1\u3001\u8c03\u7528\u8bbe\u5907\u529f\u80fd\u3001\u7528\u6237\u4ea4\u4e92\u54cd\u5e94\u7b49\u79fb\u52a8\u5e94\u7528\u7684\u573a\u666f\u5b9e\u8df5\uff1b
 \u540c\u65f6\uff0c\u5982\u679c\u7528\u6237\u6ca1\u6709\u5b89\u88c5\u79fb\u52a8\u5e94\u7528\uff0c\u4ed6\u4ecd\u7136\u53ef\u4ee5\u5728\u6d4f\u89c8\u5668\u91cc\u6253\u5f00\u4e00\u4e2a\u76f8\u540c\u7684 web \u9875\u9762\uff0c\u8fd9\u4e2a\u9875\u9762\u662f\u4f7f\u7528\u76f8\u540c\u7684\u9875\u9762\u6e90\u4ee3\u7801\uff0c\u901a\u8fc7\u6d4f\u89c8\u5668\u91cc\u7684 JavaScript \u5f15\u64ce\u8fd0\u884c\u8d77\u6765\u7684\u3002</p>
 <p><img src="../images/flow.png" alt="How it works"></p>
@@ -478,7 +451,7 @@
           <a href="/guide/intro/how-it-works.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/how-it-works.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/how-it-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/index.html b/content/cn/guide/intro/index.html
index 6ba7dcf..5c2f01a 100644
--- a/content/cn/guide/intro/index.html
+++ b/content/cn/guide/intro/index.html
@@ -5,49 +5,6 @@
   
   <title>\u4ecb\u7ecd | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Intro
 \u5de5\u4f5c\u539f\u7406
 Web \u5f00\u53d1\u4f53\u9a8c
@@ -66,7 +23,7 @@ Web \u5f00\u53d1\u4f53\u9a8c
 \u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c
 \u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528
 Weex \u9875\u9762\u7ed3\u6784">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4ecb\u7ecd">
 <meta name="twitter:description" content="Intro
@@ -133,13 +90,29 @@ Weex \u9875\u9762\u7ed3\u6784">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Weex \u9875\u9762\u7ed3\u6784">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -287,7 +260,7 @@ Weex \u9875\u9762\u7ed3\u6784">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -423,7 +396,7 @@ Weex \u9875\u9762\u7ed3\u6784">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -441,7 +414,7 @@ Weex \u9875\u9762\u7ed3\u6784">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Intro"><a href="#Intro" class="headerlink" title="Intro"></a>Intro</h1><ul>
 <li><a href="./how-it-works.html">\u5de5\u4f5c\u539f\u7406</a></li>
@@ -472,7 +445,7 @@ Weex \u9875\u9762\u7ed3\u6784">
           <a href="/guide/intro/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/page-architecture.html b/content/cn/guide/intro/page-architecture.html
index 893f4ef..996e4e5 100644
--- a/content/cn/guide/intro/page-architecture.html
+++ b/content/cn/guide/intro/page-architecture.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u9875\u9762\u7ed3\u6784 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u9875\u9762\u7ed3\u6784\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002
 \u754c\u9762DOM \u6a21\u578bWeex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex \u9875\u9762\u7ed3\u6784\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002
 \u754c\u9762DOM \u6a21\u578bWeex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u9875\u9762\u7ed3\u6784">
 <meta name="twitter:description" content="Weex \u9875\u9762\u7ed3\u6784\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/page-architecture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/page-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -272,7 +245,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -408,7 +381,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -426,7 +399,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u9875\u9762\u7ed3\u6784"><a href="#Weex-\u9875\u9762\u7ed3\u6784" class="headerlink" title="Weex \u9875\u9762\u7ed3\u6784"></a>Weex \u9875\u9762\u7ed3\u6784</h1><p>\u4e00\u4e2a Weex \u9875\u9762\u5c31\u662f\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u89e3\u8026\u7684\u79fb\u52a8\u5e94\u7528\u754c\u9762\uff0c\u5b83\u4e0d\u4ec5\u5305\u62ec\u4e86\u754c\u9762\u5c55\u793a\u3001\u66f4\u5305\u542b\u4e86\u903b\u8f91\u5904\u7406\u3001\u8bbe\u5907\u80fd\u529b\u4f7f\u7528\u3001\u751f\u547d\u5468\u671f\u7ba1\u7406\u7b49\u90e8\u5206\u3002</p>
 <h2 id="\u754c\u9762"><a href="#\u754c\u9762" class="headerlink" title="\u754c\u9762"></a>\u754c\u9762</h2><h3 id="DOM-\u6a21\u578b"><a href="#DOM-\u6a21\u578b" class="headerlink" title="DOM \u6a21\u578b"></a>DOM \u6a21\u578b</h3><p>Weex \u9875\u9762\u901a\u8fc7\u7c7b\u4f3c HTML DOM \u7684\u65b9\u5f0f\u7ba1\u7406\u754c\u9762\uff0c\u9996\u5148\u9875\u9762\u4f1a\u88ab\u5206\u89e3\u4e3a\u4e00\u4e2a DOM \u6811\uff0c\uff0c\u6bcf\u4e2a DOM \u7ed3\u70b9\u90fd\u4ee3\u8868\u4e86\u4e00\u4e2a\u76f8\u5bf9\u72ec\u7acb\u7684 native \u89c6\u56fe\u7684\u5355\u5143\u3002\u7136\u540e\u4e0d\u540c\u7684\u89c6\u56fe\u5355\u5143\u4e4b\u95f4\u901a\u8fc7\u6811\u5f62\u7ed3\u6784\u7ec4\u5408\u5728\u4e86\u4e00\u8d77\uff0c\u6784\u6210\u4e00\u4e2a\u5b8c\u6574\u7684\u9875\u9762\u3002</p>
@@ -472,7 +445,7 @@
           <a href="/guide/intro/page-architecture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/page-architecture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/page-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/using-vue.html b/content/cn/guide/intro/using-vue.html
index 76d5c25..bbfee8e 100644
--- a/content/cn/guide/intro/using-vue.html
+++ b/content/cn/guide/intro/using-vue.html
@@ -5,49 +5,6 @@
   
   <title>\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762Vue in WeexVue.js \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 *.vue \u6587\u4ef6\uff0c\u57fa\u4e8e &amp;lt;template&amp;gt;, &amp;lt;style&amp;gt;, &amp;lt;script&amp;gt; \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002
 
 Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
@@ -59,7 +16,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
 
 Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
 <meta property="og:image" content="https://weex.apache.org//cn.vuejs.org/images/vue-component.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762">
 <meta name="twitter:description" content="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762Vue in WeexVue.js \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 *.vue \u6587\u4ef6\uff0c\u57fa\u4e8e &amp;lt;template&amp;gt;, &amp;lt;style&amp;gt;, &amp;lt;script&amp;gt; \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002
@@ -123,13 +80,29 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -277,7 +250,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -413,7 +386,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -431,7 +404,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u4f7f\u7528-Vue-\u5f00\u53d1-Weex-\u9875\u9762"><a href="#\u4f7f\u7528-Vue-\u5f00\u53d1-Weex-\u9875\u9762" class="headerlink" title="\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762"></a>\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</h1><h2 id="Vue-in-Weex"><a href="#Vue-in-Weex" class="headerlink" title="Vue in Weex"></a>Vue in Weex</h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> \u662f Evan You \u5f00\u53d1\u7684\u6e10\u8fdb\u5f0f JavaScript \u6846\u67b6\uff0c\u5728\u6613\u7528\u6027\u3001\u7075\u6d3b\u6027\u548c\u6027\u80fd\u7b49\u65b9\u9762\u90fd\u975e\u5e38\u4f18\u79c0\u3002\u5f00\u53d1\u8005\u80fd\u591f\u901a\u8fc7\u64b0\u5199 <code>*.vue</code> \u6587\u4ef6\uff0c\u57fa\u4e8e <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> \u5feb\u901f\u6784\u5efa\u7ec4\u4ef6\u5316\u7684 web \u5e94\u7528\u3002</p>
 <p><img src="//cn.vuejs.org/images/vue-component.png" alt="a vue file"></p>
@@ -478,7 +451,7 @@ Vue.js \u5728 2016 \u5e74 10 \u6708\u6b63\u5f0f\u53d1\u5e03\u4e86">
           <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/using-vue.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/web-dev-experience.html b/content/cn/guide/intro/web-dev-experience.html
index 8fd72d6..7ad4b27 100644
--- a/content/cn/guide/intro/web-dev-experience.html
+++ b/content/cn/guide/intro/web-dev-experience.html
@@ -5,49 +5,6 @@
   
   <title>Web \u5f00\u53d1\u4f53\u9a8c | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Web \u5f00\u53d1\u4f53\u9a8c\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8cWeex \u7684\u5f00\u53d1\u4f53\u9a8c\u548c web \u7684\u5f00\u53d1\u4f53\u9a8c\u662f\u975e\u5e38\u63a5\u8fd1\u7684\uff0c\u5b83\u901a\u8fc7 HTML \u6216\u57fa\u4e8e HTML \u6a21\u677f\u6765\u63cf\u8ff0\u754c\u9762\u7684\u7ed3\u6784\u548c\u5185\u5bb9\uff0c\u901a\u8fc7 CSS \u7684\u65b9\u5f0f\u63cf\u8ff0\u754c\u9762\u7684\u5c55\u73b0\u5f62\u5f0f\uff0c\u7528 JavaScript \u6765\u63cf\u8ff0\u7528\u6237\u884c\u4e3a\u548c\u4e1a\u52a1\u903b\u8f91\u3002\u540c\u65f6\u6709\u5b8c\u6574\u7684\u5de5\u7a0b\u673a\u5236\uff0c\u5982\u521b\u5efa\u3001\u5f00\u53d1\u3001\u8c03\u8bd5\u3001\u90e8\u7f72\u3002
 \u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c\u6211\u4eec\u9009\u62e9\u57fa\u4e8e Web \u5f00\u53d1\u4f53\u9a8c\u6709\u4ee5\u4e0b\u51e0\u65b9\u9762\u539f\u56e0\uff1a
 
@@ -60,7 +17,7 @@
 \u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c\u6211\u4eec\u9009\u62e9\u57fa\u4e8e Web \u5f00\u53d1\u4f53\u9a8c\u6709\u4ee5\u4e0b\u51e0\u65b9\u9762\u539f\u56e0\uff1a
 
 \u4eca\u5929\u5728\u6280\u672f\u793e\u533a\u6709\u5927">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Web \u5f00\u53d1\u4f53\u9a8c">
 <meta name="twitter:description" content="Web \u5f00\u53d1\u4f53\u9a8c\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8cWeex \u7684\u5f00\u53d1\u4f53\u9a8c\u548c web \u7684\u5f00\u53d1\u4f53\u9a8c\u662f\u975e\u5e38\u63a5\u8fd1\u7684\uff0c\u5b83\u901a\u8fc7 HTML \u6216\u57fa\u4e8e HTML \u6a21\u677f\u6765\u63cf\u8ff0\u754c\u9762\u7684\u7ed3\u6784\u548c\u5185\u5bb9\uff0c\u901a\u8fc7 CSS \u7684\u65b9\u5f0f\u63cf\u8ff0\u754c\u9762\u7684\u5c55\u73b0\u5f62\u5f0f\uff0c\u7528 JavaScript \u6765\u63cf\u8ff0\u7528\u6237\u884c\u4e3a\u548c\u4e1a\u52a1\u903b\u8f91\u3002\u540c\u65f6\u6709\u5b8c\u6574\u7684\u5de5\u7a0b\u673a\u5236\uff0c\u5982\u521b\u5efa\u3001\u5f00\u53d1\u3001\u8c03\u8bd5\u3001\u90e8\u7f72\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -278,7 +251,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -414,7 +387,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -432,7 +405,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="Web \u5f00\u53d1\u4f53\u9a8c"></a>Web \u5f00\u53d1\u4f53\u9a8c</h1><h2 id="\u4ec0\u4e48\u662f-Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#\u4ec0\u4e48\u662f-Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8c"></a>\u4ec0\u4e48\u662f Web \u5f00\u53d1\u4f53\u9a8c</h2><p>Weex \u7684\u5f00\u53d1\u4f53\u9a8c\u548c web \u7684\u5f00\u53d1\u4f53\u9a8c\u662f\u975e\u5e38\u63a5\u8fd1\u7684\uff0c\u5b83\u901a\u8fc7 HTML \u6216\u57fa\u4e8e HTML \u6a21\u677f\u6765\u63cf\u8ff0\u754c\u9762\u7684\u7ed3\u6784\u548c\u5185\u5bb9\uff0c\u901a\u8fc7 CSS \u7684\u65b9\u5f0f\u63cf\u8ff0\u754c\u9762\u7684\u5c55\u73b0\u5f62\u5f0f\uff0c\u7528 JavaScript \u6765\u63cf\u8ff0\u7528\u6237\u884c\u4e3a\u548c\u4e1a\u52a1\u903b\u8f91\u3002\u540c\u65f6\u6709\u5b8c\u6574\u7684\u5de5\u7a0b\u673a\u5236\uff0c\u5982\u521b\u5efa\u3001\u5f00\u53d1\u3001\u8c03\u8bd5\u3001\u90e8\u7f72\u3002</p>
 <h2 id="\u4e3a\u4ec0\u4e48\u9009\u62e9-Web-\u5f00\u53d1\u4f53\u9a8c"><a href="#\u4e3a\u4ec0\u4e48\u9009\u62e9-Web-\u5f00\u53d1\u4f53\u9a8c" class="headerlink" title="\u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c"></a>\u4e3a\u4ec0\u4e48\u9009\u62e9 Web \u5f00\u53d1\u4f53\u9a8c</h2><p>\u6211\u4eec\u9009\u62e9\u57fa\u4e8e Web \u5f00\u53d1\u4f53\u9a8c\u6709\u4ee5\u4e0b\u51e0\u65b9\u9762\u539f\u56e0\uff1a</p>
@@ -478,7 +451,7 @@
           <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/web-dev-experience.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/intro/write-once.html b/content/cn/guide/intro/write-once.html
index d90d3dd..6a42844 100644
--- a/content/cn/guide/intro/write-once.html
+++ b/content/cn/guide/intro/write-once.html
@@ -5,49 +5,6 @@
   
   <title>\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884cWeex \u63d0\u4f9b\u4e86\u591a\u7aef\u4e00\u81f4\u7684\u6280\u672f\u65b9\u6848\u3002
 
 \u9996\u5148 web \u5f00\u53d1\u4f53\u9a8c\u5728\u5404\u7aef\u5f53\u4e2d\u662f\u76f8\u540c\u7684\u3002\u5305\u62ec\u8bed\u6cd5\u8bbe\u8ba1\u548c\u5de5\u7a0b\u94fe\u8def\u3002
@@ -70,7 +27,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
 \u6211\u4eec\u8fd9\u6837\u8bbe\u8ba1\u57fa\u4e8e\u4ee5\u4e0b\u51e0\u70b9\u8bbe\u60f3\uff1a
 
 \u4eca\u5929\u7edd\u5927\u591a\u6570\u7684\u79fb\u52a8\u5e94\u7528\uff0c\u867d\u7136\u8981\u540c\u65f6\u51fa\u73b0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c">
 <meta name="twitter:description" content="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884cWeex \u63d0\u4f9b\u4e86\u591a\u7aef\u4e00\u81f4\u7684\u6280\u672f\u65b9\u6848\u3002
@@ -139,13 +96,29 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/write-once.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -293,7 +266,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -429,7 +402,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -447,7 +420,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c"><a href="#\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c" class="headerlink" title="\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c"></a>\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</h1><p>Weex \u63d0\u4f9b\u4e86\u591a\u7aef\u4e00\u81f4\u7684\u6280\u672f\u65b9\u6848\u3002</p>
 <ul>
@@ -488,7 +461,7 @@ Weex \u5f00\u53d1\u540c\u4e00\u4efd\u4ee3\u7801\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684\u7aef\u4e0a\u5206\u522b\u6267\u884c\uff0c\u907f\u514d\u4e86\u591a
           <a href="/guide/intro/write-once.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/write-once.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/hello/index.html
----------------------------------------------------------------------
diff --git a/content/cn/hello/index.html b/content/cn/hello/index.html
index 537bf93..9b75ce3 100644
--- a/content/cn/hello/index.html
+++ b/content/cn/hello/index.html
@@ -5,54 +5,11 @@
   
   <title>hello | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="article">
 <meta property="og:title" content="hello">
 <meta property="og:url" content="https://weex.apache.org/cn/hello/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="hello">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/hello/" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/hello/" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -226,7 +199,7 @@
           <a href="/hello/" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/hello/" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/hello/" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/index.html
----------------------------------------------------------------------
diff --git a/content/cn/index.html b/content/cn/index.html
index 66c6c1a..976b594 100644
--- a/content/cn/index.html
+++ b/content/cn/index.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -190,7 +163,34 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
-  <div class="scene header" style="background: #00BDFF;">
+  <script>
+  ;(function(){
+    var currentOrigin = location.origin || 'https://weex-project.io',
+        currentPathname = location.pathname,
+        currentLang = navigator.language || navigator.browserLanguage || 'en',
+        selectedLang = '';
+
+    if (window.localStorage) {
+      selectedLang = window.localStorage.getItem('lang')
+      currentLang = selectedLang ? selectedLang : currentLang
+    }
+
+    if (/zh|cn/i.test(currentLang)) { // Chinese
+      if (currentPathname.indexOf('/cn/') != 0) {
+        location.href = currentOrigin + '/cn/'
+      }
+    } else if (/en/i.test(currentLang)) { // English
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    } else { // Other
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    }
+  })();
+</script>
+<div class="scene header" style="background: #00BDFF;">
   <div class="scene-container">
     <div class="galaxy left">
       <canvas width="560" height="560" id="left-canvas"></canvas>
@@ -414,7 +414,7 @@ var swiper = new Swiper('.swiper-container', {
   loop: false,
   autoplay: false,
   autoplayDisableOnInteraction: false
-})
+});
 </script>
     
   
@@ -433,7 +433,7 @@ var swiper = new Swiper('.swiper-container', {
           <a href="/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/playground.html
----------------------------------------------------------------------
diff --git a/content/cn/playground.html b/content/cn/playground.html
index 7a20480..4f3d832 100644
--- a/content/cn/playground.html
+++ b/content/cn/playground.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/playground.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/playground.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -236,7 +209,7 @@
           <a href="/playground.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/playground.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>



[33/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/text.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/text.html b/content/cn/references/components/text.html
index cd61f14..64b5377 100644
--- a/content/cn/references/components/text.html
+++ b/content/cn/references/components/text.html
@@ -5,49 +5,6 @@
   
   <title>&lt;text&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
 \u7279\u6027
@@ -66,7 +23,7 @@ value {string}: \u7ec4\u4ef6\u7684\u503c\uff0c\u4e0e &amp;lt;text&amp;gt; \u6807\u7b7e\u4e2d\u7684\u6587\u672c\u5185\u5bb9
 
 \u6837\u5f0f
 lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<text>">
 <meta name="twitter:description" content="&amp;lt;text&amp;gt;&amp;lt;text&amp;gt; \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002&amp;lt;text&amp;gt; \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 {{}} \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002
@@ -133,13 +90,29 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-text-gt"><a href="#lt-text-gt" class="headerlink" title="&lt;text&gt;"></a>&lt;text&gt;</h1><p><code>&lt;text&gt;</code> \u662f Weex \u5185\u7f6e\u7684\u7ec4\u4ef6\uff0c\u7528\u6765\u5c06\u6587\u672c\u6309\u7167\u6307\u5b9a\u7684\u6837\u5f0f\u6e32\u67d3\u51fa\u6765\u3002<code>&lt;text&gt;</code> \u53ea\u80fd\u5305\u542b\u6587\u672c\u503c\uff0c\u4f60\u53ef\u4ee5\u4f7f\u7528 <code>{{}}</code> \u6807\u8bb0\u63d2\u5165\u53d8\u91cf\u503c\u4f5c\u4e3a\u6587\u672c\u5185\u5bb9\u3002</p>
 <h2 id="\u5b50\u7ec4\u4ef6"><a href="#\u5b50\u7ec4\u4ef6" class="headerlink" title="\u5b50\u7ec4\u4ef6"></a>\u5b50\u7ec4\u4ef6</h2><p>\u6b64\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002</p>
@@ -1409,7 +1382,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
 <li><code>&lt;text&gt;</code> \u91cc\u76f4\u63a5\u5199\u6587\u672c\u5934\u5c3e\u7a7a\u767d\u4f1a\u88ab\u8fc7\u6ee4\uff0c\u5982\u679c\u9700\u8981\u4fdd\u7559\u5934\u5c3e\u7a7a\u767d\uff0c\u6682\u65f6\u53ea\u80fd\u901a\u8fc7\u6570\u636e\u7ed1\u5b9a\u5199\u5934\u5c3e\u7a7a\u683c\u3002</li>
 </ol>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>&gt;</span>Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 Web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684\u539f\u751f\u5e94\u7528\u3002Vue \u662f\u4e00\u4e2a\u8f7b\u91cf\u5e76\u4e14\u529f\u80fd\u5f3a\u5927\u7684\u6e10\u8fdb\u5f0f\u524d\u7aef\u6846\u67b6\u3002<span class="tag">&lt;/<span class="n
 ame">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>&gt;</span>Weex is an cross-platform development solution that builds high-performance, scalable native applications with a Web development experience. Vue is a lightweight and powerful progressive front-end framework. <span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt
 ;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="
 line">    <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">lines</span>: <span class="number">3</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">font-size</span>: <s
 pan class="number">32px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/text.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154e20171d350a081fba7878c53cf7d2" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1431,7 +1404,7 @@ lines {number}: \u6307\u5b9a\u6587\u672c\u884c\u6570\u3002\u9ed8\u8ba4\u503c\u662f 0">
           <a href="/references/components/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/textarea.html b/content/cn/references/components/textarea.html
index 70f06fa..9e6ef1e 100644
--- a/content/cn/references/components/textarea.html
+++ b/content/cn/references/components/textarea.html
@@ -5,49 +5,6 @@
   
   <title>&lt;textarea&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;textarea&amp;gt;v0.8+
 textarea \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 &amp;lt;input&amp;gt;
 Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684\u4e8b\u4ef6\u3002
@@ -66,7 +23,7 @@ Notes: &amp;lt;textarea&amp;gt;\u652f\u6301 &amp;lt;input&amp;gt; \u652f\u6301\u7684\u6240\u6709\u7684
 \u7279\u6027
 value {string}\uff1a\u7ec4\u4ef6\u7684\u63a5\u6536\u5230\u7684\u8f93\u5165\u5b57\u7b26\u3002
 placehold">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<textarea>">
 <meta name="twitter:description" content="&amp;lt;textarea&amp;gt;v0.8+
@@ -133,13 +90,29 @@ placehold">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ placehold">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ placehold">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ placehold">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ placehold">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ placehold">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-textarea-gt"><a href="#lt-textarea-gt" class="headerlink" title="&lt;textarea&gt;"></a>&lt;textarea&gt;</h1><p><span class="weex-version">v0.8+</span></p>
 <p><code>textarea</code> \u662f Weex \u5185\u7f6e\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7528\u6237\u4ea4\u4e92\uff0c\u63a5\u53d7\u7528\u6237\u8f93\u5165\u6570\u636e\u3002 \u53ef\u4ee5\u8ba4\u4e3a\u662f\u5141\u8bb8\u591a\u884c\u7684 <code>&lt;input&gt;</code></p>
@@ -1445,7 +1418,7 @@ placehold">
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">textarea</span> <span class="attr">class</span>=<span class="string">"textarea"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>&gt;</span><span class="tag">&lt;/<span class="name">textarea</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span>
 </div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      oninput (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="att
 r">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onfocus (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span
  class="string">`onfocus: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onblur (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div cl
 ass="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.textarea</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-righ
 t</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/textarea.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/a1877866e8b91ffa1e6ea9bc66c200fa" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1467,7 +1440,7 @@ placehold">
           <a href="/references/components/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/video.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/video.html b/content/cn/references/components/video.html
index b03033d..ade5c65 100644
--- a/content/cn/references/components/video.html
+++ b/content/cn/references/components/video.html
@@ -5,49 +5,6 @@
   
   <title>&lt;video&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;video&amp;gt;v0.6.1+
 &amp;lt;video&amp;gt; \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002
 \u5b50\u7ec4\u4ef6
@@ -70,7 +27,7 @@ auto-p">
 src {string}\uff1a\u5185\u5d4c\u7684\u89c6\u9891\u6307\u5411\u7684URL
 play-status {string}\uff1a\u53ef\u9009\u503c\u4e3a play | pause\uff0c\u7528\u6765\u63a7\u5236\u89c6\u9891\u7684\u64ad\u653e\u72b6\u6001\uff0cplay \u6216\u8005 pause\uff0c\u9ed8\u8ba4\u503c\u662f pause\u3002
 auto-p">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<video>">
 <meta name="twitter:description" content="&amp;lt;video&amp;gt;v0.6.1+
@@ -139,13 +96,29 @@ auto-p">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ auto-p">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -533,11 +506,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -569,11 +542,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -606,11 +579,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -753,7 +726,7 @@ auto-p">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1129,11 +1102,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1165,11 +1138,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1202,11 +1175,11 @@ auto-p">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1349,7 +1322,7 @@ auto-p">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1367,7 +1340,7 @@ auto-p">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-video-gt"><a href="#lt-video-gt" class="headerlink" title="&lt;video&gt;"></a>&lt;video&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p><code>&lt;video&gt;</code> \u7ec4\u4ef6\u53ef\u4ee5\u8ba9\u6211\u4eec\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u89c6\u9891\u5185\u5bb9\u3002</p>
@@ -1398,7 +1371,7 @@ auto-p">
 <li><code>fail</code>\uff1a\u5f53 playback \u72b6\u6001\u662f Failed \u65f6\u89e6\u53d1</li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">video</span> <span class="attr">class</span>=<span class="string">"video"</span> <span class="attr">:src</span>=<span class="string">"src"</span> <span class="attr">autoplay</span> <span class="attr">controls</span></span></div><div class="line">      @<span class="attr">start</span>=<span class="string">"onstart"</span> @<span class="attr">pause</span>=<span class="string">"onpause"</span> @<span class="attr">finish</span>=<span class="string">"onfinish"</span> @<span class="attr">fail</span>=<span class="string">"onfail"</span>&gt;<span class="tag">&lt;/<span class="name">video</span>&gt;</span></di
 v><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>state: &#123;&#123;state&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.video</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">630px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">350px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div c
 lass="line">    <span class="attribute">margin-left</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">    
     <span class="attr">state</span>: <span class="string">'----'</span>,</div><div class="line">        <span class="attr">src</span>:<span class="string">'http://flv2.bn.netease.com/videolib3/1611/01/XGqSL5981/SD/XGqSL5981-mobile.mp4'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>:&#123;</div><div class="line">      onstart (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onstart'</span></div><div class="line">      &#125;,</div><div class="line">      onpause (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onpause'</span></div><div class="line">      &#125;,</div><div class="line">      onfinish (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onfinish'</span></div><div class="line">      &#125;,</div><div cla
 ss="line">      onfail (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onfinish'</span></div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/video.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/01d3d27073a471bb234b1a76e130d197" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1420,7 +1393,7 @@ auto-p">
           <a href="/references/components/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/components/web.html
----------------------------------------------------------------------
diff --git a/content/cn/references/components/web.html b/content/cn/references/components/web.html
index 0f2fa73..e7f2bc1 100644
--- a/content/cn/references/components/web.html
+++ b/content/cn/references/components/web.html
@@ -5,49 +5,6 @@
   
   <title>&lt;web&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;web&amp;gt;v0.5+
 \u4f7f\u7528 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002src \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 webview module \u6765\u63a7\u5236 web \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b webview module\u3002
 \u5b50\u7ec4\u4ef6\u4e0d\u652f\u6301\u5b50\u7ec4\u4ef6\u3002
@@ -68,7 +25,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 
 \u6837\u5f0f
 \u901a\u7528\u6837\u5f0f\uff1a\u4e0d\u652f\u6301\u90e8\u5206\u76d2">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -136,13 +93,29 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -530,11 +503,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -566,11 +539,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -603,11 +576,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -750,7 +723,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1126,11 +1099,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1162,11 +1135,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1199,11 +1172,11 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1346,7 +1319,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1364,7 +1337,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5728 Weex \u9875\u9762\u4e2d\u5d4c\u5165\u4e00\u5f20\u7f51\u9875\u5185\u5bb9\u3002<code>src</code> \u5c5e\u6027\u7528\u6765\u6307\u5b9a\u8d44\u6e90\u5730\u5740\u3002\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 <code>webview module</code> \u6765\u63a7\u5236 <code>web</code> \u7684\u884c\u4e3a\uff0c\u6bd4\u5982\u524d\u8fdb\u3001\u540e\u9000\u548c\u91cd\u8f7d\u3002\u53ef\u4ee5\u5728\u8fd9\u91cc\u67e5\u770b <a href="../modules/webview.html"><code>webview</code> module</a>\u3002</p>
@@ -1408,7 +1381,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
 <p>\u4e0d\u652f\u6301 <code>click</code> \u4e8b\u4ef6\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><p>\u6211\u4eec\u7528\u4e00\u4e2a\u7b80\u6613\u6d4f\u89c8\u5668\u793a\u4f8b\uff0c\u6765\u5c55\u793a\u5982\u4f55\u4f7f\u7528 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u548c <code>webview</code> module\u3002 \u67e5\u770b <a href="../modules/webview.html">webview module</a>\u3002</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">"https://m.taobao.com"</span>&gt;</span><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="l
 ine">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">w
 eb</span> <span class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> webview = weex.requireModule(<span class="string">'webview'</span>)</div><div class="line">  <span class="k
 eyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.$refs.input.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">this</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><
 span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$refs.webview)</div><div class="line">      &#125;,</div><div class="line">      start (event) &
 #123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">
     &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-around;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span clas
 s="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> 
    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span cl
 ass="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/web.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1430,7 +1403,7 @@ src {string}\uff1a\u6b64\u7279\u6027\u6307\u5b9a\u5d4c\u5165\u7684 web \u9875\u9762 url\u3002
           <a href="/references/components/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/gesture.html
----------------------------------------------------------------------
diff --git a/content/cn/references/gesture.html b/content/cn/references/gesture.html
index 3b70355..549d8c4 100644
--- a/content/cn/references/gesture.html
+++ b/content/cn/references/gesture.html
@@ -5,49 +5,6 @@
   
   <title>\u624b\u52bf | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
 Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e on \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
@@ -62,7 +19,7 @@ Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e
 \u624b\u52bf\u7c7b\u578b\u76ee\u524d\uff0c\u4ec5\u652f\u6301\u4ee5\u4e0b\u56db\u79cd\u624b\u52bf\u7c7b\u578b\uff1a
 
 Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b\u52bf\u3002\u89e6\u6478\u624b\u52bf\u5f88\u7cbe\u51c6\uff0c\u5b83\u4f1a\u8fd4\u56de\u6240\u6709\u8be6\u7ec6\u7684\u4e8b\u4ef6\u4fe1\u606f\u3002\u6240\u4ee5\uff0c\u76d1\u542c touch \u624b\u52bf\u53ef\u80fd\u5f88\u6162\uff0c\u5373\u4f7f\u53ea\u79fb\u52a8\u4e00\u4e01\u70b9\u4e5f\u9700\u8981\u5904\u7406\u5927\u91cf\u4e8b\u4ef6\u3002\u6709\u4e09\u79cd">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u624b\u52bf">
 <meta name="twitter:description" content="\u624b\u52bf\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd
@@ -127,13 +84,29 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/gesture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u624b\u52bf"><a href="#\u624b\u52bf" class="headerlink" title="\u624b\u52bf"></a>\u624b\u52bf</h1><p><em>\u6ce8\uff1a\u8be5\u529f\u80fd\u5c5e\u4e8e\u5b9e\u9a8c\u6027\u529f\u80fd</em></p>
 <p>Weex \u5c01\u88c5\u4e86\u539f\u751f\u7684\u89e6\u6478\u4e8b\u4ef6\u4ee5\u63d0\u4f9b\u624b\u52bf\u7cfb\u7edf\u3002\u4f7f\u7528\u624b\u52bf\u7c7b\u4f3c\u4e8e\u5728 Weex \u4e2d\u4f7f\u7528\u4e8b\u4ef6\uff0c\u53ea\u9700\u5728\u8282\u70b9\u4e0a\u8bbe\u7f6e <code>on</code> \u7279\u6027\u6765\u76d1\u542c\u624b\u52bf\u5373\u53ef\u3002</p>
@@ -1420,7 +1393,7 @@ Touch\uff1a\u5f53\u89e6\u6478\u5230\u4e00\u4e2a\u70b9\uff0c\u79fb\u52a8\u6216\u4ece\u89e6\u6478\u9762\u79fb\u5f00\u65f6\u89e6\u53d1 touch \u624b
           <a href="/references/gesture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/gesture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/references/html5-apis.html b/content/cn/references/html5-apis.html
index 64b7cc6..3708c54 100644
--- a/content/cn/references/html5-apis.html
+++ b/content/cn/references/html5-apis.html
@@ -5,56 +5,13 @@
   
   <title>HTML5 APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="HTML5 APIsWeex HTML5 APIs \u4e0e Vue APIs \u4fdd\u6301\u4e00\u81f4\uff0c\u8bf7\u76f4\u63a5\u53c2\u8003 Vue APIs\u3002">
 <meta property="og:type" content="website">
 <meta property="og:title" content="HTML5 APIs">
 <meta property="og:url" content="https://weex.apache.org/cn/references/html5-apis.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="HTML5 APIsWeex HTML5 APIs \u4e0e Vue APIs \u4fdd\u6301\u4e00\u81f4\uff0c\u8bf7\u76f4\u63a5\u53c2\u8003 Vue APIs\u3002">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="HTML5 APIs">
 <meta name="twitter:description" content="HTML5 APIsWeex HTML5 APIs \u4e0e Vue APIs \u4fdd\u6301\u4e00\u81f4\uff0c\u8bf7\u76f4\u63a5\u53c2\u8003 Vue APIs\u3002">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/html5-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/html5-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -509,11 +482,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -545,11 +518,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -582,11 +555,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -729,7 +702,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1105,11 +1078,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1141,11 +1114,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1178,11 +1151,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="HTML5-APIs"><a href="#HTML5-APIs" class="headerlink" title="HTML5 APIs"></a>HTML5 APIs</h1><p>Weex HTML5 APIs \u4e0e <a href="https://vuejs.org/v2/api/" target="_blank" rel="external">Vue APIs</a> \u4fdd\u6301\u4e00\u81f4\uff0c\u8bf7\u76f4\u63a5\u53c2\u8003 <a href="https://vuejs.org/v2/api/" target="_blank" rel="external">Vue APIs</a>\u3002</p>
 
@@ -1367,7 +1340,7 @@
           <a href="/references/html5-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/html5-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/html5-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[02/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/timer.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/timer.html b/content/v-0.10/references/modules/timer.html
index 073a673..b41278f 100644
--- a/content/v-0.10/references/modules/timer.html
+++ b/content/v-0.10/references/modules/timer.html
@@ -5,56 +5,13 @@
   
   <title>Timer | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="TimerWeex encapsulates a series of APIs in order to start/stop a one-time task or a repeated task at a fixed delay. Please note that this module don\u2019t provide an accuracy delay. It provides best-effor">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Timer">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/modules/timer.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="TimerWeex encapsulates a series of APIs in order to start/stop a one-time task or a repeated task at a fixed delay. Please note that this module don\u2019t provide an accuracy delay. It provides best-effor">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Timer">
 <meta name="twitter:description" content="TimerWeex encapsulates a series of APIs in order to start/stop a one-time task or a repeated task at a fixed delay. Please note that this module don\u2019t provide an accuracy delay. It provides best-effor">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/timer.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/timer.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Timer"><a href="#Timer" class="headerlink" title="Timer"></a>Timer</h1><p>Weex encapsulates a series of APIs in order to start/stop a one-time task or a repeated task at a fixed delay. Please note that this module don\u2019t provide an accuracy delay. It provides best-effort delivery, but the actual delay may still exceed the delay user wants if the corresponding thread is busy.<br>Actually, this module is made for the polyfill of HTML5 timer APIs, developers <strong>should not</strong> use this module directly unless they know exactly what they are doing.    </p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><p>All timeout or interval in this module are measured in milliseconds.<br>Also, timeout and interval should be a non-negative integer(the max of integer is 0x7FFFFFFF). If timeout or interval is negative, then it will be reset to zero, e.g. the task will be put in the task queue immediately.     </p>
@@ -1061,7 +1034,7 @@
           <a href="/v-0.10/references/modules/timer.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/timer.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/timer.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/webview.html b/content/v-0.10/references/modules/webview.html
index 8025465..fc8b3e8 100644
--- a/content/v-0.10/references/modules/webview.html
+++ b/content/v-0.10/references/modules/webview.html
@@ -5,49 +5,6 @@
   
   <title>webview | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
 APIgoBack(webElement)Loads the previous location in the history stack.
 Arguments">
@@ -58,7 +15,7 @@ Arguments">
 <meta property="og:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
 APIgoBack(webElement)Loads the previous location in the history stack.
 Arguments">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webview">
 <meta name="twitter:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
@@ -121,13 +78,29 @@ Arguments">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/webview.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Arguments">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ Arguments">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ Arguments">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a>webview</h1><p>A series of web operation api like <code>goBack</code>, <code>goForward</code>, and <code>reload</code>. \u2018webview\u2019 module used with the web component.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="goBack-webElement"><a href="#goBack-webElement" class="headerlink" title="goBack(webElement)"></a>goBack(webElement)</h3><p>Loads the previous location in the history stack.</p>
@@ -1065,7 +1038,7 @@ Arguments">
           <a href="/v-0.10/references/modules/webview.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/webview.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/special-element.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/special-element.html b/content/v-0.10/references/special-element.html
index d8efecd..751ae9b 100644
--- a/content/v-0.10/references/special-element.html
+++ b/content/v-0.10/references/special-element.html
@@ -5,49 +5,6 @@
   
   <title>Special Element | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Special ElementContentThe element serves as content distribution outlet in a composed component template. The element itself will be replaced.
 alias: \u2018slot\u2019.
 ExampleAs shown in the example, \u2018content\u2019">
@@ -58,7 +15,7 @@ ExampleAs shown in the example, \u2018content\u2019">
 <meta property="og:description" content="Special ElementContentThe element serves as content distribution outlet in a composed component template. The element itself will be replaced.
 alias: \u2018slot\u2019.
 ExampleAs shown in the example, \u2018content\u2019">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Special Element">
 <meta name="twitter:description" content="Special ElementContentThe element serves as content distribution outlet in a composed component template. The element itself will be replaced.
@@ -121,13 +78,29 @@ ExampleAs shown in the example, \u2018content\u2019">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/special-element.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/special-element.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ ExampleAs shown in the example, \u2018content\u2019">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ ExampleAs shown in the example, \u2018content\u2019">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ ExampleAs shown in the example, \u2018content\u2019">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Special-Element"><a href="#Special-Element" class="headerlink" title="Special Element"></a>Special Element</h1><h2 id="Content"><a href="#Content" class="headerlink" title="Content"></a>Content</h2><p>The element serves as content distribution outlet in a composed component template. The element itself will be replaced.</p>
 <p>alias: \u2018slot\u2019.</p>
@@ -1048,7 +1021,7 @@ ExampleAs shown in the example, \u2018content\u2019">
           <a href="/v-0.10/references/special-element.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/special-element.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/special-element.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/specs/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/specs/index.html b/content/v-0.10/references/specs/index.html
index 0c7f592..e6b2a52 100644
--- a/content/v-0.10/references/specs/index.html
+++ b/content/v-0.10/references/specs/index.html
@@ -5,49 +5,6 @@
   
   <title>JS Bundle format | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Bundle format">
 <meta name="twitter:description" content="JS Bundle formatJS Bundle Version: v0.3.0
@@ -118,13 +75,29 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Bundle-format"><a href="#JS-Bundle-format" class="headerlink" title="JS Bundle format"></a>JS Bundle format</h1><p>JS Bundle Version: v0.3.0</p>
 <h2 id="v0-5-0"><a href="#v0-5-0" class="headerlink" title="v0.5.0"></a>v0.5.0</h2><h3 id="Whole-Syntax-and-Structure"><a href="#Whole-Syntax-and-Structure" class="headerlink" title="Whole Syntax and Structure"></a>Whole Syntax and Structure</h3><p>A JS Bundle is actually a JavaScript file which follows <strong>ES5</strong> standard. The code is used to define some custom components for the instance and bootstrap the instance with certain name, config and data. Developers could use all kinds of JS code packager like webpack, browserify, requirejs to organize your whole instance code.</p>
@@ -1147,7 +1120,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <a href="/v-0.10/references/specs/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/specs/js-bundle-format.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/specs/js-bundle-format.html b/content/v-0.10/references/specs/js-bundle-format.html
index 400604c..b30647e 100644
--- a/content/v-0.10/references/specs/js-bundle-format.html
+++ b/content/v-0.10/references/specs/js-bundle-format.html
@@ -5,49 +5,6 @@
   
   <title>JS Bundle format | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="JS Bundle formatJS Bundle Version: v0.3.0
 v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which follows ES5 standard. The code is used to define some custom components for th">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Bundle format">
 <meta name="twitter:description" content="JS Bundle formatJS Bundle Version: v0.3.0
@@ -118,13 +75,29 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/js-bundle-format.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/js-bundle-format.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Bundle-format"><a href="#JS-Bundle-format" class="headerlink" title="JS Bundle format"></a>JS Bundle format</h1><p>JS Bundle Version: v0.3.0</p>
 <h2 id="v0-5-0"><a href="#v0-5-0" class="headerlink" title="v0.5.0"></a>v0.5.0</h2><h3 id="Whole-Syntax-and-Structure"><a href="#Whole-Syntax-and-Structure" class="headerlink" title="Whole Syntax and Structure"></a>Whole Syntax and Structure</h3><p>A JS Bundle is actually a JavaScript file which follows <strong>ES5</strong> standard. The code is used to define some custom components for the instance and bootstrap the instance with certain name, config and data. Developers could use all kinds of JS code packager like webpack, browserify, requirejs to organize your whole instance code.</p>
@@ -1147,7 +1120,7 @@ v0.5.0Whole Syntax and StructureA JS Bundle is actually a JavaScript file which
           <a href="/v-0.10/references/specs/js-bundle-format.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/js-bundle-format.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/js-bundle-format.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/specs/js-framework-apis.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/specs/js-framework-apis.html b/content/v-0.10/references/specs/js-framework-apis.html
index 1f630fd..146247a 100644
--- a/content/v-0.10/references/specs/js-framework-apis.html
+++ b/content/v-0.10/references/specs/js-framework-apis.html
@@ -5,49 +5,6 @@
   
   <title>JS Framework APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Framework APIs0.4
 Intro about JS RuntimeThese APIs are designed for JS Framework and Native Engine working together.
 Considering the limitation of mobile phone resource, Weex runs only one JS runti">
@@ -58,7 +15,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
 <meta property="og:description" content="JS Framework APIs0.4
 Intro about JS RuntimeThese APIs are designed for JS Framework and Native Engine working together.
 Considering the limitation of mobile phone resource, Weex runs only one JS runti">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Framework APIs">
 <meta name="twitter:description" content="JS Framework APIs0.4
@@ -121,13 +78,29 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/js-framework-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Framework-APIs"><a href="#JS-Framework-APIs" class="headerlink" title="JS Framework APIs"></a>JS Framework APIs</h1><p><span class="weex-version">0.4</span></p>
 <h2 id="Intro-about-JS-Runtime"><a href="#Intro-about-JS-Runtime" class="headerlink" title="Intro about JS Runtime"></a>Intro about JS Runtime</h2><p>These APIs are designed for JS Framework and Native Engine working together.</p>
@@ -1111,7 +1084,7 @@ Considering the limitation of mobile phone resource, Weex runs only one JS runti
           <a href="/v-0.10/references/specs/js-framework-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/js-framework-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/specs/virtual-dom-apis.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/specs/virtual-dom-apis.html b/content/v-0.10/references/specs/virtual-dom-apis.html
index 724f8da..a2951b4 100644
--- a/content/v-0.10/references/specs/virtual-dom-apis.html
+++ b/content/v-0.10/references/specs/virtual-dom-apis.html
@@ -5,49 +5,6 @@
   
   <title>Virtual DOM APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Virtual DOM APIs0.4
 DocumentEach instance has a corresponding document with the instance id. A document has many nodes which compose a node tree.
 Constructornew Document(id: string, url: string?)Membe">
@@ -58,7 +15,7 @@ Constructornew Document(id: string, url: string?)Membe">
 <meta property="og:description" content="Virtual DOM APIs0.4
 DocumentEach instance has a corresponding document with the instance id. A document has many nodes which compose a node tree.
 Constructornew Document(id: string, url: string?)Membe">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Virtual DOM APIs">
 <meta name="twitter:description" content="Virtual DOM APIs0.4
@@ -121,13 +78,29 @@ Constructornew Document(id: string, url: string?)Membe">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/specs/virtual-dom-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Constructornew Document(id: string, url: string?)Membe">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ Constructornew Document(id: string, url: string?)Membe">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ Constructornew Document(id: string, url: string?)Membe">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Virtual-DOM-APIs"><a href="#Virtual-DOM-APIs" class="headerlink" title="Virtual DOM APIs"></a>Virtual DOM APIs</h1><p><span class="weex-version">0.4</span></p>
 <h2 id="Document"><a href="#Document" class="headerlink" title="Document"></a><code>Document</code></h2><p>Each instance has a corresponding document with the instance id. A document has many nodes which compose a node tree.</p>
@@ -1063,7 +1036,7 @@ Constructornew Document(id: string, url: string?)Membe">
           <a href="/v-0.10/references/specs/virtual-dom-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/specs/virtual-dom-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/text-style.html b/content/v-0.10/references/text-style.html
index 181f1ab..b81af94 100644
--- a/content/v-0.10/references/text-style.html
+++ b/content/v-0.10/references/text-style.html
@@ -5,49 +5,6 @@
   
   <title>Text Style | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Text Style0.5
 Text alike components share some common style rules. The text alike components currently includes text and input.
 Properties
@@ -60,7 +17,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
 Text alike components share some common style rules. The text alike components currently includes text and input.
 Properties
 color: &amp;lt;colors&amp;gt; this property set the foreground color">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Text Style">
 <meta name="twitter:description" content="Text Style0.5
@@ -124,13 +81,29 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/text-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -434,11 +407,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -866,11 +839,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1024,7 +997,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Text-Style"><a href="#Text-Style" class="headerlink" title="Text Style"></a>Text Style</h1><p><span class="weex-version">0.5</span></p>
 <p>Text alike components share some common style rules. The text alike components currently includes <a href="./components/text.html"><code>text</code></a> and <a href="./components/input.html"><code>input</code></a>.</p>
@@ -1068,7 +1041,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color">
           <a href="/v-0.10/references/text-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/text-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/devtools-android.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/devtools-android.html b/content/v-0.10/tools/devtools-android.html
index 626df5f..e7f3bc6 100644
--- a/content/v-0.10/tools/devtools-android.html
+++ b/content/v-0.10/tools/devtools-android.html
@@ -5,49 +5,6 @@
   
   <title>Devtools for Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtools for Android              
 Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and deb">
 <meta property="og:type" content="website">
@@ -64,7 +21,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
 <meta property="og:image" content="https://api.bintray.com/packages/alibabaweex/maven/weex_inspector/images/download.svg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools for Android">
 <meta name="twitter:description" content="Devtools for Android              
@@ -127,13 +84,29 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -301,7 +274,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools-for-Android"><a href="#Devtools-for-Android" class="headerlink" title="Devtools for Android"></a>Devtools for Android</h1><p><a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external"><img src="https://img.shields.io/github/release/weexteam/weex_devtools_android.svg" alt="GitHub release"></a>   <a href="https://www.codacy.com/app/weex_devtools/weex_devtools_android?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=weexteam/weex_devtools_android&amp;utm_campaign=Badge_Grade" target="_blank" rel="external"><img src="https://api.codacy.com/project/badge/Grade/af0790bf45c9480fb0ec90ad834b89a3" alt="Codacy Badge"></a>     <a href="https://codeclimate.com/github/weexteam/weex_devtools_android" target="_blank" rel="external"><img src="https://codeclimate.com/github/weexteam/weex_devtools_android/badges/gpa.svg" alt="Code Climate"></a> <a href="https://codeclimate.com/github/weexteam/weex_devtools_android" target="_bl
 ank" rel="external"><img src="https://codeclimate.com/github/weexteam/weex_devtools_android/badges/issue_count.svg" alt="Issue Count"></a> <a href="https://github.com/weexteam/weex_devtools_android/issues" target="_blank" rel="external"><img src="https://img.shields.io/github/issues/weexteam/weex_devtools_android.svg" alt="GitHub issues"></a>  <a href="https://bintray.com/alibabaweex/maven/weex_inspector/_latestVersion" target="_blank" rel="external"> <img src="https://api.bintray.com/packages/alibabaweex/maven/weex_inspector/images/download.svg" alt="Download"> </a></p>
 <p>Weex devtools is a custom devtools for weex that implements <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a> inspired by <a href="https://github.com/facebook/stetho" target="_blank" rel="external">Stetho</a>, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page.At present The devtools consist of two part : <code>Inspector</code> and <code>Debugger</code>. If you want it work well, you must install a <code>weex-devtool</code> as debug server.</p>
@@ -395,7 +368,7 @@ Weex devtools is a custom devtools for weex that implements Chrome Debugging Pro
           <a href="/v-0.10/tools/devtools-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/devtools-ios.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/devtools-ios.html b/content/v-0.10/tools/devtools-ios.html
index 446bb04..8391d4d 100644
--- a/content/v-0.10/tools/devtools-ios.html
+++ b/content/v-0.10/tools/devtools-ios.html
@@ -5,49 +5,6 @@
   
   <title>Devtools for IOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Devtools for IOSRemote debug for your native iOS app using Chrome Developer Tools
 weex-devtool launch\uff1a
 install and run weex-devtool
@@ -66,7 +23,7 @@ $:npm install -g weex-devtool
 
 $:weex-devtool  
  it will launch chro">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools for IOS">
 <meta name="twitter:description" content="Devtools for IOSRemote debug for your native iOS app using Chrome Developer Tools
@@ -133,13 +90,29 @@ $:weex-devtool
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -158,7 +131,7 @@ $:weex-devtool
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -176,7 +149,7 @@ $:weex-devtool
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@ $:weex-devtool
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools-for-IOS"><a href="#Devtools-for-IOS" class="headerlink" title="Devtools for IOS"></a>Devtools for IOS</h1><p>Remote debug for your native iOS app using Chrome Developer Tools</p>
 <h2 id="weex-devtool-launch\uff1a"><a href="#weex-devtool-launch\uff1a" class="headerlink" title="weex-devtool launch\uff1a"></a>weex-devtool launch\uff1a</h2><ol>
@@ -386,7 +359,7 @@ $:weex-devtool
           <a href="/v-0.10/tools/devtools-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/devtools.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/devtools.html b/content/v-0.10/tools/devtools.html
index fb54af7..bf899ab 100644
--- a/content/v-0.10/tools/devtools.html
+++ b/content/v-0.10/tools/devtools.html
@@ -5,49 +5,6 @@
   
   <title>Devtools | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="DevtoolsWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page,">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Devtools">
@@ -64,7 +21,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Devtools">
 <meta name="twitter:description" content="DevtoolsWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page,">
@@ -126,13 +83,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/devtools.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -151,7 +124,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -169,7 +142,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -300,7 +273,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p>Weex devtools is a custom devtools for weex that implements <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a>, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page, both Android and IOS platform are supported.</p>
 <h2 id="Install"><a href="#Install" class="headerlink" title="Install"></a>Install</h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ npm install  -g  weex-toolkit</div></pre></td></tr></table></figure>
@@ -354,7 +327,7 @@
           <a href="/v-0.10/tools/devtools.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/devtools.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/index.html b/content/v-0.10/tools/index.html
index e98ad1f..00ca7ea 100644
--- a/content/v-0.10/tools/index.html
+++ b/content/v-0.10/tools/index.html
@@ -5,49 +5,6 @@
   
   <title>CLI | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex-ToolkitPlease access npmjs.com for latest version
 Weex CLI tool set
 Pre Installsome dependencies need recent version of npm to install
@@ -62,7 +19,7 @@ Weex CLI tool set
 Pre Installsome dependencies need recent version of npm to install
 if your$ npm --version
 output less then 2.15.1, please run b">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CLI">
 <meta name="twitter:description" content="Weex-ToolkitPlease access npmjs.com for latest version
@@ -127,13 +84,29 @@ output less then 2.15.1, please run b">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ output less then 2.15.1, please run b">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ output less then 2.15.1, please run b">
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -301,7 +274,7 @@ output less then 2.15.1, please run b">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-Toolkit"><a href="#Weex-Toolkit" class="headerlink" title="Weex-Toolkit"></a>Weex-Toolkit</h1><p>Please access <a href="https://www.npmjs.com/package/weex-toolkit" target="_blank" rel="external">npmjs.com</a> for latest version</p>
 <p>Weex CLI tool set</p>
@@ -343,7 +316,7 @@ output less then 2.15.1, please run b">
           <a href="/v-0.10/tools/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/tools/playground.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/tools/playground.html b/content/v-0.10/tools/playground.html
index fbd6ef8..1904dc1 100644
--- a/content/v-0.10/tools/playground.html
+++ b/content/v-0.10/tools/playground.html
@@ -5,49 +5,6 @@
   
   <title>Playground | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex Playground AppOne of best parts of Weex is Native Runtime . After preview your we file render in H5 using weex-toolkit CLI , you can try Native Runtime in a standalone App , this is Weex Playgrou">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Playground">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex Playground AppOne of best parts of Weex is Native Runtime . After preview your we file render in H5 using weex-toolkit CLI , you can try Native Runtime in a standalone App , this is Weex Playgrou">
 <meta property="og:image" content="https://gw.alicdn.com/mt/TB1AoPdOXXXXXcXapXXXXXXXXXX-720-1280.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Playground">
 <meta name="twitter:description" content="Weex Playground AppOne of best parts of Weex is Native Runtime . After preview your we file render in H5 using weex-toolkit CLI , you can try Native Runtime in a standalone App , this is Weex Playgrou">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/tools/playground.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/tools/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -142,7 +115,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -160,7 +133,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -291,7 +264,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-Playground-App"><a href="#Weex-Playground-App" class="headerlink" title="Weex Playground App"></a>Weex Playground App</h1><p>One of best parts of Weex is Native Runtime . After preview your <code>we file</code> render in H5 using weex-toolkit CLI , you can try Native Runtime in a standalone App , this is Weex Playground App . More then that ,Weex playground App preset  a lot of  Demo &amp; ShowCase ,so you will get to experience  performance of Weex native runtime  easily.</p>
 <p>Android and IOS version of Playground App can be downloaded <a href="http://alibaba.github.io/weex/download.html" target="_blank" rel="external">here</a>.</p>
@@ -319,7 +292,7 @@
           <a href="/v-0.10/tools/playground.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/tools/playground.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/tools/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>



[03/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/wxc-tabbar.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/wxc-tabbar.html b/content/v-0.10/references/components/wxc-tabbar.html
index 3898a02..681aa49 100644
--- a/content/v-0.10/references/components/wxc-tabbar.html
+++ b/content/v-0.10/references/components/wxc-tabbar.html
@@ -5,56 +5,13 @@
   
   <title>&lt;wxc-tabbar&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;wxc-tabbar&amp;gt;The wxc-tabbar is a custom component, which belongs to the weex-components node package, implements a specialized component that corresponds to the radio-style selection. It displays">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<wxc-tabbar>">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/components/wxc-tabbar.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;wxc-tabbar&amp;gt;The wxc-tabbar is a custom component, which belongs to the weex-components node package, implements a specialized component that corresponds to the radio-style selection. It displays">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<wxc-tabbar>">
 <meta name="twitter:description" content="&amp;lt;wxc-tabbar&amp;gt;The wxc-tabbar is a custom component, which belongs to the weex-components node package, implements a specialized component that corresponds to the radio-style selection. It displays">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/wxc-tabbar.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/wxc-tabbar.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-wxc-tabbar-gt"><a href="#lt-wxc-tabbar-gt" class="headerlink" title="&lt;wxc-tabbar&gt;"></a>&lt;wxc-tabbar&gt;</h1><p>The <code>wxc-tabbar</code> is a custom component, which belongs to the <code>weex-components</code> node package, implements a specialized component that corresponds to the radio-style selection. It displays tabs at the bottom of the window for switching between different tab pages.</p>
 <p>Usage: You can use this component by a <code>require</code> statement, <code>require(&#39;weex-components&#39;);</code>, in the script tag. e.g.</p>
@@ -1072,7 +1045,7 @@
           <a href="/v-0.10/references/components/wxc-tabbar.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/wxc-tabbar.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/wxc-tabbar.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/gesture.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/gesture.html b/content/v-0.10/references/gesture.html
index ef810fa..327e73e 100644
--- a/content/v-0.10/references/gesture.html
+++ b/content/v-0.10/references/gesture.html
@@ -5,49 +5,6 @@
   
   <title>Gesture | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Gesture
 Experiment Feature
 
@@ -62,7 +19,7 @@ Experiment Feature
 
 Weex encapsulates native touch events to provide a gesture system. Using gesture is similar to use event in Weex. Just set on attributes on a node to listen to gesture.
 Typ">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Gesture">
 <meta name="twitter:description" content="Gesture
@@ -127,13 +84,29 @@ Typ">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Typ">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -437,11 +410,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -869,11 +842,11 @@ Typ">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1027,7 +1000,7 @@ Typ">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Gesture"><a href="#Gesture" class="headerlink" title="Gesture"></a>Gesture</h1><blockquote>
 <p>Experiment Feature</p>
@@ -1094,7 +1067,7 @@ Typ">
           <a href="/v-0.10/references/gesture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/gesture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/index.html b/content/v-0.10/references/index.html
index 8bbb38a..6a32e5f 100644
--- a/content/v-0.10/references/index.html
+++ b/content/v-0.10/references/index.html
@@ -5,49 +5,6 @@
   
   <title>Bootstrap | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="BootstrapBesides its default meaning, &amp;lt;script&amp;gt; tag supports two more configuration with its type property in the top level component of a page.
 
 type=&amp;quot;data&amp;quot;: For initial data configura">
@@ -58,7 +15,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
 <meta property="og:description" content="BootstrapBesides its default meaning, &amp;lt;script&amp;gt; tag supports two more configuration with its type property in the top level component of a page.
 
 type=&amp;quot;data&amp;quot;: For initial data configura">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Bootstrap">
 <meta name="twitter:description" content="BootstrapBesides its default meaning, &amp;lt;script&amp;gt; tag supports two more configuration with its type property in the top level component of a page.
@@ -121,13 +78,29 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Bootstrap"><a href="#Bootstrap" class="headerlink" title="Bootstrap"></a>Bootstrap</h1><p>Besides its default meaning, <code>&lt;script&gt;</code> tag supports two more configuration with its <code>type</code> property <em>in the top level component of a page</em>.</p>
 <ul>
@@ -1060,7 +1033,7 @@ type=&amp;quot;data&amp;quot;: For initial data configura">
           <a href="/v-0.10/references/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/animation.html b/content/v-0.10/references/modules/animation.html
index 875d046..764d1f5 100644
--- a/content/v-0.10/references/modules/animation.html
+++ b/content/v-0.10/references/modules/animation.html
@@ -5,56 +5,13 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
 <meta property="og:type" content="website">
 <meta property="og:title" content="animation">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/modules/animation.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animationSmooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the animation module to perform animation on components. A animation can">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="animation"><a href="#animation" class="headerlink" title="animation"></a>animation</h1><p>Smooth and meaningful animation is very effective for enhancing the user experience of mobile application, you can use the <code>animation</code> module to perform animation on components. A animation can perform a series of simple transformations  (position, size, rotation, background color, and opacity) on the component. So, if you have a <code>image</code> component, you can move, rotate, grow, or shrink it.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="transition-node-options-callback"><a href="#transition-node-options-callback" class="headerlink" title="transition(node, options, callback)"></a>transition(node, options, callback)</h3><p><a href="http://dotwe.org/5be74019d5e510fa95c5dedec24f7ce5" target="_blank" rel="external">example</a></p>
@@ -1180,7 +1153,7 @@
           <a href="/v-0.10/references/modules/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/clipboard.html b/content/v-0.10/references/modules/clipboard.html
index edf6e20..c93bfe1 100644
--- a/content/v-0.10/references/modules/clipboard.html
+++ b/content/v-0.10/references/modules/clipboard.html
@@ -5,49 +5,6 @@
   
   <title>clipboard | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="clipboardv0.8+ (developing)
 clipboard allows you to getString() or setString() from the system clipboard.
 Not long ago, We\u2019re still suffering from such a situation that we got a verification code sent">
@@ -58,7 +15,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
 <meta property="og:description" content="clipboardv0.8+ (developing)
 clipboard allows you to getString() or setString() from the system clipboard.
 Not long ago, We\u2019re still suffering from such a situation that we got a verification code sent">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="clipboard">
 <meta name="twitter:description" content="clipboardv0.8+ (developing)
@@ -121,13 +78,29 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/clipboard.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="clipboard"><a href="#clipboard" class="headerlink" title="clipboard"></a>clipboard</h1><p><span class="weex-version">v0.8+ (developing)</span></p>
 <p>clipboard allows you to <code>getString()</code> or <code>setString()</code> from the system clipboard.</p>
@@ -1058,7 +1031,7 @@ Not long ago, We\u2019re still suffering from such a situation that we got a verifi
           <a href="/v-0.10/references/modules/clipboard.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/dom.html b/content/v-0.10/references/modules/dom.html
index 087235d..652b340 100644
--- a/content/v-0.10/references/modules/dom.html
+++ b/content/v-0.10/references/modules/dom.html
@@ -5,56 +5,13 @@
   
   <title>dom | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
 <meta property="og:type" content="website">
 <meta property="og:title" content="dom">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/modules/dom.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom">
 <meta name="twitter:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/dom.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="dom"><a href="#dom" class="headerlink" title="dom"></a>dom</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a <code>.we</code> file is <code>scrollToElement</code> <del>which you can use by calling the <code>$scrollTo</code> method</del>. Other APIs mentioned on this page should only be used through the native renderer in the <code>callNative</code> process.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="scrollToElement-node-options"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)</h3><p>Scroll the page to the specified node. This API should only be used on the element in the <code>scroller</code> or <code>list</code> component.</p>
@@ -1091,7 +1064,7 @@
           <a href="/v-0.10/references/modules/dom.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/dom.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/globalevent.html b/content/v-0.10/references/modules/globalevent.html
index 53daeab..875d609 100644
--- a/content/v-0.10/references/modules/globalevent.html
+++ b/content/v-0.10/references/modules/globalevent.html
@@ -5,49 +5,6 @@
   
   <title>globalEvent | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="globalEventv0.8+ (developing)
 SummaryglobalEvent are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that req">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="globalEventv0.8+ (developing)
 SummaryglobalEvent are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that req">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="globalEvent">
 <meta name="twitter:description" content="globalEventv0.8+ (developing)
@@ -118,13 +75,29 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/globalevent.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="globalEvent"><a href="#globalEvent" class="headerlink" title="globalEvent"></a>globalEvent</h1><p><span class="weex-version">v0.8+ (developing)</span></p>
 <h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p><code>globalEvent</code> are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that requires additional APIs to work with.</p>
@@ -1065,7 +1038,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <a href="/v-0.10/references/modules/globalevent.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/index.html b/content/v-0.10/references/modules/index.html
index f201d43..23fc439 100644
--- a/content/v-0.10/references/modules/index.html
+++ b/content/v-0.10/references/modules/index.html
@@ -5,49 +5,6 @@
   
   <title>Built-in Modules | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Built-in ModulesHow to useYou can use a simply way like require(&amp;#39;@weex-module/name&amp;#39;) to access the apis of module. e.g.
 &amp;lt;script&amp;gt;var dom = require(&apos;@weex-module/dom&apos;)module.exports = &amp;#12">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Built-in ModulesHow to useYou can use a simply way like require(&amp;#39;@weex-module/name&amp;#39;) to access the apis of module. e.g.
 &amp;lt;script&amp;gt;var dom = require(&apos;@weex-module/dom&apos;)module.exports = &amp;#12">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Built-in Modules">
 <meta name="twitter:description" content="Built-in ModulesHow to useYou can use a simply way like require(&amp;#39;@weex-module/name&amp;#39;) to access the apis of module. e.g.
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Built-in-Modules"><a href="#Built-in-Modules" class="headerlink" title="Built-in Modules"></a>Built-in Modules</h1><h2 id="How-to-use"><a href="#How-to-use" class="headerlink" title="How to use"></a>How to use</h2><p>You can use a simply way like <code>require(&#39;@weex-module/name&#39;)</code> to access the apis of module. e.g.</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line"><span class="keyword">var</span> dom = <span class="built_in">require</span>(<span class="string">'@weex-module/dom'</span>)</div><div class="line"></div><div class="line"><span class="built_in">module</span>.exports = &#123;</div><div class="line">  <span class="attr">data</span>: &#123;&#125;,</div><div class="line">  <span class="attr">created</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">    dom.scrollToElement(<span class="keyword">this</span>.$el(<span class="string">'someIdForElement'</span>), &#123;</div><div class="line">    <span class="attr">offset</span>: <span class="number">0</span></div><div class="line">    &#125;)</div><div class="line">  &#125;</div><div class="line">&#125;</d
 iv><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -1042,7 +1015,7 @@
           <a href="/v-0.10/references/modules/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/modal.html b/content/v-0.10/references/modules/modal.html
index 594d4ba..62bcdca 100644
--- a/content/v-0.10/references/modules/modal.html
+++ b/content/v-0.10/references/modules/modal.html
@@ -5,49 +5,6 @@
   
   <title>modal | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
 APItoast(options)A toast provides simple feedback about an operation in a small popup. For example, navigating away">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
 APItoast(options)A toast provides simple feedback about an operation in a small popup. For example, navigating away">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="modal">
 <meta name="twitter:description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
@@ -118,13 +75,29 @@ APItoast(options)A toast provides simple feedback about an operation in a small
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/modal.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="modal"><a href="#modal" class="headerlink" title="modal"></a>modal</h1><p>Weex provides a series of message boxes: <code>toast</code>, <code>alert</code>, <code>confirm</code> and <code>prompt</code>.    </p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="toast-options"><a href="#toast-options" class="headerlink" title="toast(options)"></a>toast(options)</h3><p>A toast provides simple feedback about an operation in a small popup. For example, navigating away from an email before you send it triggers a \u201cDraft saved\u201d toast to let you know that you can continue editing later. Toasts automatically disappear after a timeout.    </p>
@@ -1067,7 +1040,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <a href="/v-0.10/references/modules/modal.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/modal.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/navigator.html b/content/v-0.10/references/modules/navigator.html
index 0f57fe0..e90b4b4 100644
--- a/content/v-0.10/references/modules/navigator.html
+++ b/content/v-0.10/references/modules/navigator.html
@@ -5,49 +5,6 @@
   
   <title>navigator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Navigatorv0.6.1+
 As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.And The navigator module mimics the same behaviors in the iOS/Android application">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Navigatorv0.6.1+
 As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.And The navigator module mimics the same behaviors in the iOS/Android application">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="navigator">
 <meta name="twitter:description" content="Navigatorv0.6.1+
@@ -118,13 +75,29 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/navigator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Navigator"><a href="#Navigator" class="headerlink" title="Navigator"></a>Navigator</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.<br>And The navigator module mimics the same behaviors in the iOS/Android application. Without such an ability, We will have to stay in the same page forever, so it is very important. Besides the navigation, the module can let us to specify whether to apply animation or not during the transition.</p>
@@ -1149,7 +1122,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <a href="/v-0.10/references/modules/navigator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/storage.html b/content/v-0.10/references/modules/storage.html
index fdf466b..2546e73 100644
--- a/content/v-0.10/references/modules/storage.html
+++ b/content/v-0.10/references/modules/storage.html
@@ -5,49 +5,6 @@
   
   <title>storage | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="storagev0.7+
 Summarystorage is a series of apis, allowing you to for example add, modify or delete stored data items.
 APIsetItem(key, value, callback)When passed a key name and value, will add that ke">
@@ -58,7 +15,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
 <meta property="og:description" content="storagev0.7+
 Summarystorage is a series of apis, allowing you to for example add, modify or delete stored data items.
 APIsetItem(key, value, callback)When passed a key name and value, will add that ke">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="storage">
 <meta name="twitter:description" content="storagev0.7+
@@ -121,13 +78,29 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/storage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="storage"><a href="#storage" class="headerlink" title="storage"></a>storage</h1><p><span class="weex-version">v0.7+</span></p>
 <h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p><code>storage</code> is a series of apis, allowing you to for example add, modify or delete stored data items.</p>
@@ -1075,7 +1048,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <a href="/v-0.10/references/modules/storage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/storage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/modules/stream.html b/content/v-0.10/references/modules/stream.html
index 9c0faa1..f0b8a7c 100644
--- a/content/v-0.10/references/modules/stream.html
+++ b/content/v-0.10/references/modules/stream.html
@@ -5,49 +5,6 @@
   
   <title>stream | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="streamA series of stream api. It provides a network request.
 APIfetch(options, callback,progressCallback)Start a network request, use two callbacks to receive server\u2019s response data.
 Arguments
@@ -62,7 +19,7 @@ APIfetch(options, callback,progressCallback)Start a network request, use two cal
 Arguments
 
 option">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="stream">
 <meta name="twitter:description" content="streamA series of stream api. It provides a network request.
@@ -127,13 +84,29 @@ option">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/modules/stream.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ option">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -437,11 +410,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -869,11 +842,11 @@ option">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1027,7 +1000,7 @@ option">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="stream"><a href="#stream" class="headerlink" title="stream"></a>stream</h1><p>A series of stream api. It provides a network request.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="fetch-options-callback-progressCallback"><a href="#fetch-options-callback-progressCallback" class="headerlink" title="fetch(options, callback,progressCallback)"></a>fetch(options, callback,progressCallback)</h3><p>Start a network request, use two callbacks to receive server\u2019s response data.</p>
@@ -1099,7 +1072,7 @@ option">
           <a href="/v-0.10/references/modules/stream.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/modules/stream.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[15/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-ios.html b/content/references/advanced/extend-to-ios.html
index de77329..a4da96b 100644
--- a/content/references/advanced/extend-to-ios.html
+++ b/content/references/advanced/extend-to-ios.html
@@ -5,56 +5,13 @@
   
   <title>Extend to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to iOS">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/extend-to-ios.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to iOS">
 <meta name="twitter:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Extend-to-iOS"><a href="#Extend-to-iOS" class="headerlink" title="Extend to iOS"></a>Extend to iOS</h1><h3 id="Module-extend"><a href="#Module-extend" class="headerlink" title="Module extend"></a>Module extend</h3><p>Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to implement it.</p>
 <p>For example: If you want to implement an address jumping function, you can achieve a Module following the steps below.</p>
@@ -1461,7 +1434,7 @@
           <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/index.html b/content/references/advanced/index.html
index fcc5d10..741c224 100644
--- a/content/references/advanced/index.html
+++ b/content/references/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>Advanced | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Advanced
 Extend to iOS
 Extend to Android
@@ -66,7 +23,7 @@ Extend to HTML5
 Extend JS framework
 Integrate Devtool to Android
 Integrate Devtool to iOS">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Advanced">
 <meta name="twitter:description" content="Advanced
@@ -133,13 +90,29 @@ Integrate Devtool to iOS">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Integrate Devtool to iOS">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -595,11 +568,11 @@ Integrate Devtool to iOS">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -715,12 +688,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ Integrate Devtool to iOS">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1182,11 +1155,11 @@ Integrate Devtool to iOS">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1302,12 +1275,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@ Integrate Devtool to iOS">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@ Integrate Devtool to iOS">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Advanced"><a href="#Advanced" class="headerlink" title="Advanced"></a>Advanced</h1><ul>
 <li><a href="./extend-to-ios.html">Extend to iOS</a></li>
@@ -1374,7 +1347,7 @@ Integrate Devtool to iOS">
           <a href="/references/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-android.html b/content/references/advanced/integrate-devtool-to-android.html
index 2d64f9e..1e41d87 100644
--- a/content/references/advanced/integrate-devtool-to-android.html
+++ b/content/references/advanced/integrate-devtool-to-android.html
@@ -5,56 +5,13 @@
   
   <title>Integrate Devtool to Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate Devtool to Android">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/integrate-devtool-to-android.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate Devtool to Android">
 <meta name="twitter:description" content="Integrate Devtool to AndroidWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Integrate-Devtool-to-Android"><a href="#Integrate-Devtool-to-Android" class="headerlink" title="Integrate Devtool to Android"></a>Integrate Devtool to Android</h1><p>Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS bundle source in a Chrome web page. To make it work, at first you must integrate devtool to your App. This page will help you integrate devtool to your Android App.</p>
 <h2 id="Integrate-to-Android"><a href="#Integrate-to-Android" class="headerlink" title="Integrate to Android"></a>Integrate to Android</h2><h3 id="Installing-Dependencies"><a href="#Installing-Dependencies" class="headerlink" title="Installing Dependencies"></a>Installing Dependencies</h3><p>Weex Devtools depend on <code>weex_inspector</code>. I strongly recommend you use the latest version since both Weex SDK and devtools are developed iteratively and rapidly. See the release version list <a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">here</a>. All the release version will publish to the <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">jcenter repo</a>. There are two choices to install it: </p>
@@ -1412,7 +1385,7 @@
           <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/integrate-devtool-to-ios.html b/content/references/advanced/integrate-devtool-to-ios.html
index 3f5de9f..dabcad9 100644
--- a/content/references/advanced/integrate-devtool-to-ios.html
+++ b/content/references/advanced/integrate-devtool-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>Integrate Devtool to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate Devtool to iOSWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate Devtool to iOS">
@@ -57,7 +14,7 @@
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1MXjjNXXXXXXlXpXXXXXXXXXX-795-326.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1A518NXXXXXbZXFXXXXXXXXXX-642-154.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1xRHhNXXXXXakXpXXXXXXXXXX-1498-668.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate Devtool to iOS">
 <meta name="twitter:description" content="Integrate Devtool to iOSWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS">
@@ -119,13 +76,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -142,7 +115,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -581,11 +554,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -701,12 +674,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -724,7 +697,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1168,11 +1141,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1288,12 +1261,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1311,7 +1284,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1329,7 +1302,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Integrate-Devtool-to-iOS"><a href="#Integrate-Devtool-to-iOS" class="headerlink" title="Integrate Devtool to iOS"></a>Integrate Devtool to iOS</h1><p>Weex devtools is a custom devtools for weex that implements Chrome Debugging Protocol inspired by Stetho, it is designed to help you quickly inspect your app and debug your JS bundle source in a Chrome web page. To make it work, at first you must integrate devtool to your App. This page will help you integrate devtool to your iOS App.</p>
 <h2 id="Integrate-to-iOS"><a href="#Integrate-to-iOS" class="headerlink" title="Integrate to iOS"></a>Integrate to iOS</h2><h3 id="Installing-Dependencies"><a href="#Installing-Dependencies" class="headerlink" title="Installing Dependencies"></a>Installing Dependencies</h3><p>There are two choices to install dependencies: </p>
@@ -1408,7 +1381,7 @@
           <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/references/android-apis.html b/content/references/android-apis.html
index 3cdd3c9..1e40ce4 100644
--- a/content/references/android-apis.html
+++ b/content/references/android-apis.html
@@ -5,49 +5,6 @@
   
   <title>Android APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android APIsWXSDKEngine
 Set up various adapters
 
@@ -64,7 +21,7 @@ Set up various adapters
 WXSDKEngine.initialize(this, new InitConfig.Builder().setImgAdapter(new ImageAdapter()).setDebugAdapter(new PlayDebugAdapter()).build());
 
 Register the">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android APIs">
 <meta name="twitter:description" content="Android APIsWXSDKEngine
@@ -130,13 +87,29 @@ Register the">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/android-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ Register the">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -592,11 +565,11 @@ Register the">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -712,12 +685,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Register the">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1179,11 +1152,11 @@ Register the">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1299,12 +1272,12 @@ Register the">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1322,7 +1295,7 @@ Register the">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1340,7 +1313,7 @@ Register the">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-APIs"><a href="#Android-APIs" class="headerlink" title="Android APIs"></a>Android APIs</h1><h2 id="WXSDKEngine"><a href="#WXSDKEngine" class="headerlink" title="WXSDKEngine"></a>WXSDKEngine</h2><ol>
 <li>Set up various adapters</li>
@@ -1413,7 +1386,7 @@ Register the">
           <a href="/references/android-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/android-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/references/color-names.html b/content/references/color-names.html
index b036de4..58de91a 100644
--- a/content/references/color-names.html
+++ b/content/references/color-names.html
@@ -5,49 +5,6 @@
   
   <title>Color name | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="List of the names of colorsBasic color keywords:
 
 
@@ -130,7 +87,7 @@ purple
 
 fuchsia
 #FF00F">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Color name">
 <meta name="twitter:description" content="List of the names of colorsBasic color keywords:
@@ -229,13 +186,29 @@ fuchsia
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/color-names.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -252,7 +225,7 @@ fuchsia
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -691,11 +664,11 @@ fuchsia
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -811,12 +784,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -834,7 +807,7 @@ fuchsia
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1278,11 +1251,11 @@ fuchsia
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1398,12 +1371,12 @@ fuchsia
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1421,7 +1394,7 @@ fuchsia
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1439,7 +1412,7 @@ fuchsia
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="List-of-the-names-of-colors"><a href="#List-of-the-names-of-colors" class="headerlink" title="List of the names of colors"></a>List of the names of colors</h1><h3 id="Basic-color-keywords"><a href="#Basic-color-keywords" class="headerlink" title="Basic color keywords:"></a>Basic color keywords:</h3><table>
 <thead>
@@ -2134,7 +2107,7 @@ fuchsia
           <a href="/references/color-names.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/color-names.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/references/common-event.html b/content/references/common-event.html
index c53e395..3af7347 100644
--- a/content/references/common-event.html
+++ b/content/references/common-event.html
@@ -5,56 +5,13 @@
   
   <title>Common Events | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Common Events">
 <meta property="og:url" content="https://weex.apache.org/references/common-event.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Events">
 <meta name="twitter:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-event.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Events"><a href="#Common-Events" class="headerlink" title="Common Events"></a>Common Events</h1><p>Weex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex components to define event actions.    </p>
 <h2 id="Click-event"><a href="#Click-event" class="headerlink" title="Click event"></a>Click event</h2><p>The onclick attribute fires on a click gesture on the element.<br><strong>Notes: </strong> The <code>input</code> and <code>switch</code> component does not currently support the <code>click</code> event, please use <code>change</code> or <code>input</code> event instead.    </p>
@@ -1381,7 +1354,7 @@
           <a href="/references/common-event.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-event.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/references/common-style.html b/content/references/common-style.html
index 5b04e92..8b1a83b 100644
--- a/content/references/common-style.html
+++ b/content/references/common-style.html
@@ -5,49 +5,6 @@
   
   <title>Common Style | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common StyleAll of weex tags share some common style rules
 Box Model
 Weex box model based on the CSS box model, all of weex elements can be considered as boxes.  The term \u201cbox model\u201d is used when talk">
@@ -63,7 +20,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-align.jpg">
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-sample.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1KGwIPpXXXXbxXFXXXXXXXXXX-400-205.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Style">
 <meta name="twitter:description" content="Common StyleAll of weex tags share some common style rules
@@ -127,13 +84,29 @@ Weex box model based on the CSS box model, all of weex elements can be considere
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/common-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -589,11 +562,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -709,12 +682,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/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1176,11 +1149,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1296,12 +1269,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/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1319,7 +1292,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1337,7 +1310,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Style"><a href="#Common-Style" class="headerlink" title="Common Style"></a>Common Style</h1><p>All of weex tags share some common style rules</p>
 <h2 id="Box-Model"><a href="#Box-Model" class="headerlink" title="Box Model"></a>Box Model</h2><p><img src="./images/css-boxmodel.png" alt="box model"></p>
@@ -1512,7 +1485,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <a href="/references/common-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/common-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/references/components/a.html b/content/references/components/a.html
index 7b13d9d..3409c55 100644
--- a/content/references/components/a.html
+++ b/content/references/components/a.html
@@ -5,49 +5,6 @@
   
   <title>&lt;a&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<a>">
 <meta name="twitter:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kinds of weex component as i
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-a-gt"><a href="#lt-a-gt" class="headerlink" title="&lt;a&gt;"></a>&lt;a&gt;</h1><p><code>a</code> defines a hyperlink to a page in the web. Its purpose and syntax is very similar to <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><a></a> in HTML5.</a></p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>This type of component supports all kinds of weex component as it\u2019s child components except for its own kind.</p>
@@ -1339,7 +1312,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
 <h2 id="Events"><a href="#Events" class="headerlink" title="Events"></a>Events</h2><h3 id="common-events"><a href="#common-events" class="headerlink" title="common events"></a>common events</h3><p>Check out the <a href="../common-event.html">common events</a></p>
 <h3 id="Notes"><a href="#Notes" class="headerlink" title="Notes"></a>Notes</h3><p>We can\u2019t guarantee the order of execution between onclick function and href. we recommend that do not use the click event in <code>a</code>.</p>
 <h2 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">a</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">href</span>=<span class="string">"http://dotwe.org/raw/dist/3e0e40f9ddad79f98cd236753965ffd8.js"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>Jump<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">a</span>&gt;</span></
 div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">1
 50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">text
 -align</span>: center;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/a.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/025db54e37123ab5336a4b848397660f" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1361,7 +1334,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <a href="/references/components/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[37/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-jsfm.html b/content/cn/references/advanced/extend-jsfm.html
index 9b3148f..620842e 100644
--- a/content/cn/references/advanced/extend-jsfm.html
+++ b/content/cn/references/advanced/extend-jsfm.html
@@ -5,49 +5,6 @@
   
   <title>\u62d3\u5c55 JS framework | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002
 Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 Weex \u5b98\u65b9\u652f\u6301\u7684 Vue 2.0 \u4e4b\u5916\uff0c\u5f00\u53d1\u8005\u8fd8\u53ef\u4ee5\u5b9a\u5236\u5e76\u6a2a\u5411\u6269\u5c55\u81ea\u5df1\u7684\u6216\u81ea\u5df1\u559c\u6b22\u7684 JS Framework\u3002\u5b8c\u6574\u4e00\u5957 JS Framework \u7684\u5b9a\u5236\u548c\u6269\u5c55\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a
 
@@ -62,7 +19,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
 
 \u9996\u5148\u4f60\u8981\u6709\u4e00\u5957\u5b8c\u6574\u7684 JS Framework\u3002
 \u4e86\u89e3 We">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u62d3\u5c55 JS framework">
 <meta name="twitter:description" content="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002
@@ -127,13 +84,29 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5b9a\u5236\u81ea\u5df1\u7684-JS-Framework"><a href="#\u5b9a\u5236\u81ea\u5df1\u7684-JS-Framework" class="headerlink" title="\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework"></a>\u5b9a\u5236\u81ea\u5df1\u7684 JS Framework</h1><p><em>\u8fd9\u90e8\u5206\u6269\u5c55\u80fd\u529b\u8fd8\u5728\u8ba8\u8bba\u5c1d\u8bd5\u4e2d\uff0c\u53ef\u80fd\u968f\u65f6\u4f1a\u6709\u8c03\u6574\uff0c\u8bf7\u7559\u610f\u3002</em></p>
 <p>Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 Weex \u5b98\u65b9\u652f\u6301\u7684 Vue 2.0 \u4e4b\u5916\uff0c\u5f00\u53d1\u8005\u8fd8\u53ef\u4ee5\u5b9a\u5236\u5e76\u6a2a\u5411\u6269\u5c55\u81ea\u5df1\u7684\u6216\u81ea\u5df1\u559c\u6b22\u7684 JS Framework\u3002\u5b8c\u6574\u4e00\u5957 JS Framework \u7684\u5b9a\u5236\u548c\u6269\u5c55\u9700\u8981\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\uff1a</p>
@@ -1483,7 +1456,7 @@ Weex \u5e0c\u671b\u80fd\u591f\u5c0a\u91cd\u5c3d\u53ef\u80fd\u591a\u7684\u5f00\u53d1\u8005\u7684\u4f7f\u7528\u4e60\u60ef\uff0c\u6240\u4ee5\u9664\u4e86 We
           <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-android.html b/content/cn/references/advanced/extend-to-android.html
index 7730523..1a31271 100644
--- a/content/cn/references/advanced/extend-to-android.html
+++ b/content/cn/references/advanced/extend-to-android.html
@@ -5,49 +5,6 @@
   
   <title>Android \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
 
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
@@ -62,7 +19,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
 Component \u6269\u5c55 \u5b9e\u73b0\u7279\u522b\u529f\u80fd\u7684 Native \u63a7\u4ef6\u3002\u4f8b\u5982\uff1aRichTextview\uff0cRefreshListview \u7b49\u3002
 Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android \u6269\u5c55">
 <meta name="twitter:description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
@@ -127,13 +84,29 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-\u6269\u5c55"><a href="#Android-\u6269\u5c55" class="headerlink" title="Android \u6269\u5c55"></a>Android \u6269\u5c55</h1><p>Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002<br>\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  </p>
 <ul>
@@ -1425,7 +1398,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
           <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-html5.html b/content/cn/references/advanced/extend-to-html5.html
index caca6f3..646b6b0 100644
--- a/content/cn/references/advanced/extend-to-html5.html
+++ b/content/cn/references/advanced/extend-to-html5.html
@@ -5,49 +5,6 @@
   
   <title>HTML5 \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
 Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002
 \u6269\u5c55 Web \u7ec4\u4ef6Vue.js \u672c\u8eab\u5c31\u662f">
@@ -58,7 +15,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
 <meta property="og:description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
 Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002
 \u6269\u5c55 Web \u7ec4\u4ef6Vue.js \u672c\u8eab\u5c31\u662f">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="HTML5 \u6269\u5c55">
 <meta name="twitter:description" content="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002
@@ -121,13 +78,29 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u6269\u5c55-Weex-Web-\u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757"><a href="#\u5982\u4f55\u6269\u5c55-Weex-Web-\u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757" class="headerlink" title="\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757"></a>\u5982\u4f55\u6269\u5c55 Weex Web \u7aef\u7684\u7ec4\u4ef6\u548c\u6a21\u5757</h1><p>Weex \u672c\u8eab\u63d0\u4f9b\u4e86\u5f88\u591a\u5185\u7f6e\u7ec4\u4ef6\u548c\u6a21\u5757\uff0c\u4e5f\u5177\u5907\u6a2a\u5411\u6269\u5c55\u7684\u80fd\u529b\uff0c\u5141\u8bb8\u5f00\u53d1\u8005\u81ea\u884c\u6269\u5c55\u548c\u5b9a\u5236\u3002\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0cWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u6269\u5c55\u5176\u5185\u7f6e\u7ec4\u4ef6\u6216\u6a21\u5757\uff0c\u9700\u8981\u5728\u4e09\u7aef\uff08Android\u3001iOS\u3001Web\uff09\u4e2d\u90fd\u6709\u76f8\u5e94\u7684\u5b9e\u73b0\u3002</p>
 <p>Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002</p>
@@ -1395,7 +1368,7 @@ Weex \u5c06\u5185\u6838\u5207\u6362\u6210 Vue 2.x \u4e4b\u540e\uff0c\u5728 Web \u7aef\u6269\u5c55 Vue \u7ec4\u4ef6\u5c06\u53d8\u5f97
           <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/extend-to-ios.html b/content/cn/references/advanced/extend-to-ios.html
index 382066a..b6ad334 100644
--- a/content/cn/references/advanced/extend-to-ios.html
+++ b/content/cn/references/advanced/extend-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>iOS \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Module \u6269\u5c55swift \u6269\u5c55 module 
 Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module
 
@@ -66,7 +23,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
 
 \u81ea\u5b9a\u4e49\u7684module\u7c7b \u5fc5\u987b\u5b9e\u73b0 WXModuleProtocol
 \u5fc5\u987b\u6dfb\u52a0\u5b8fWX_EXPORT_METHOD, \u5b83\u53ef\u4ee5">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="iOS \u6269\u5c55">
 <meta name="twitter:description" content="Module \u6269\u5c55swift \u6269\u5c55 module 
@@ -133,13 +90,29 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h2 id="Module-\u6269\u5c55"><a href="#Module-\u6269\u5c55" class="headerlink" title="Module \u6269\u5c55"></a>Module \u6269\u5c55</h2><p><a href="https://github.com/weexteam/article/issues/55" target="_blank" rel="external">swift</a> \u6269\u5c55 module </p>
 <p>Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec<br>\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module</p>
@@ -1515,7 +1488,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
           <a href="/references/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/index.html b/content/cn/references/advanced/index.html
index f436c46..ed5ddd0 100644
--- a/content/cn/references/advanced/index.html
+++ b/content/cn/references/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>\u9ad8\u9636\u77e5\u8bc6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u9ad8\u9636\u77e5\u8bc6
 iOS \u6269\u5c55
 Android \u6269\u5c55
@@ -66,7 +23,7 @@ HTML5 \u6269\u5c55
 JS framework \u6269\u5c55
 \u96c6\u6210 Devtools \u5230 Android
 \u96c6\u6210 Devtools \u5230 iOS">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u9ad8\u9636\u77e5\u8bc6">
 <meta name="twitter:description" content="\u9ad8\u9636\u77e5\u8bc6
@@ -133,13 +90,29 @@ JS framework \u6269\u5c55
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ JS framework \u6269\u5c55
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ JS framework \u6269\u5c55
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ JS framework \u6269\u5c55
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ JS framework \u6269\u5c55
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ JS framework \u6269\u5c55
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u9ad8\u9636\u77e5\u8bc6"><a href="#\u9ad8\u9636\u77e5\u8bc6" class="headerlink" title="\u9ad8\u9636\u77e5\u8bc6"></a>\u9ad8\u9636\u77e5\u8bc6</h1><ul>
 <li><a href="./extend-to-ios.html">iOS \u6269\u5c55</a></li>
@@ -1392,7 +1365,7 @@ JS framework \u6269\u5c55
           <a href="/references/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/integrate-devtool-to-android.html b/content/cn/references/advanced/integrate-devtool-to-android.html
index 5dabc95..ac5c27f 100644
--- a/content/cn/references/advanced/integrate-devtool-to-android.html
+++ b/content/cn/references/advanced/integrate-devtool-to-android.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002">
 <meta property="og:type" content="website">
@@ -59,7 +16,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 Android">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -122,13 +79,29 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -145,7 +118,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -516,11 +489,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -552,11 +525,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -589,11 +562,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -736,7 +709,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1112,11 +1085,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1148,11 +1121,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1185,11 +1158,11 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1332,7 +1305,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1350,7 +1323,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-Android"><a href="#\u96c6\u6210-Devtools-\u5230-Android" class="headerlink" title="\u96c6\u6210 Devtools \u5230 Android"></a>\u96c6\u6210 Devtools \u5230 Android</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="Android-\u5e94\u7528\u63a5\u5165"><a href="#Android-\u5e94\u7528\u63a5\u5165" class="headerlink" title="Android \u5e94\u7528\u63a5\u5165"></a>Android \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><p>\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002\u5f3a\u70c8\u5efa\u8bae\u4f7f\u7528\u6700\u65b0\u7248\u672c\uff0c\u56e0\u4e3a Weex SDK \u548c devtools \u90fd\u5728\u5feb\u901f\u7684\u8fed\u4ee3\u5f00\u53d1\u4e2d\uff0c\u65b0\u7248\u672c\u4f1a\u6709\u66f4\u591a\u60ca\u559c\uff0c\u540c\u65f6\u4e5f\u4fee\u590d\u8001\u7248\u672c\u4e2d\u4e00\u4e9b\u95ee\u9898\u3002\u6700\u65b0\u7684 release \u7248\u672c\u53ef\u5728<a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">\u8fd9\u91cc</a>\u67e5\u770b\u3002\u6240\u6709\u7684 release \u7248\u672c\u90fd\u4f1a\u53d1\u5e03\u5230 <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">jcenter repo</a>\u3002</p>
@@ -1514,7 +1487,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
           <a href="/references/advanced/integrate-devtool-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/references/advanced/integrate-devtool-to-ios.html b/content/cn/references/advanced/integrate-devtool-to-ios.html
index fc11daa..f4ad619 100644
--- a/content/cn/references/advanced/integrate-devtool-to-ios.html
+++ b/content/cn/references/advanced/integrate-devtool-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 iOS \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801
 source https://github.com/C">
@@ -66,7 +23,7 @@ source https://github.com/C">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png">
 <meta property="og:image" content="https://weex.apache.org//img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 iOS">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -130,13 +87,29 @@ source https://github.com/C">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ source https://github.com/C">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -524,11 +497,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -560,11 +533,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -597,11 +570,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -744,7 +717,7 @@ source https://github.com/C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1120,11 +1093,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1156,11 +1129,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1193,11 +1166,11 @@ source https://github.com/C">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1340,7 +1313,7 @@ source https://github.com/C">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1358,7 +1331,7 @@ source https://github.com/C">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-iOS"><a href="#\u96c6\u6210-Devtools-\u5230-iOS" class="headerlink" title="\u96c6\u6210 Devtools \u5230 iOS"></a>\u96c6\u6210 Devtools \u5230 iOS</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="iOS-\u5e94\u7528\u63a5\u5165"><a href="#iOS-\u5e94\u7528\u63a5\u5165" class="headerlink" title="iOS \u5e94\u7528\u63a5\u5165"></a>iOS \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><h4 id="\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56"><a href="#\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56" class="headerlink" title="\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56"></a>\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56</h4><p>\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801</p>
@@ -1451,7 +1424,7 @@ source https://github.com/C">
           <a href="/references/advanced/integrate-devtool-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/integrate-devtool-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/android-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/references/android-apis.html b/content/cn/references/android-apis.html
index 307dd47..59b4c93 100644
--- a/content/cn/references/android-apis.html
+++ b/content/cn/references/android-apis.html
@@ -5,49 +5,6 @@
   
   <title>Android APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android APIsWeex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1ahttps://github.com/weexteam/article/issues/25
 WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a
 
@@ -68,7 +25,7 @@ WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a
 \u91cd\u7f6e JSFramework
 
 Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android APIs">
 <meta name="twitter:description" content="Android APIsWeex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1ahttps://github.com/weexteam/article/issues/25
@@ -136,13 +93,29 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/android-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -530,11 +503,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -566,11 +539,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -603,11 +576,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -750,7 +723,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1126,11 +1099,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1162,11 +1135,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1199,11 +1172,11 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1346,7 +1319,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1364,7 +1337,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Android-APIs"><a href="#Android-APIs" class="headerlink" title="Android APIs"></a>Android APIs</h1><p>Weex \u521d\u6b65\u63a5\u5165\u8bf7\u53c2\u8003\uff1a<a href="https://github.com/weexteam/article/issues/25" target="_blank" rel="external">https://github.com/weexteam/article/issues/25</a></p>
 <h2 id="WXSDKEngine-\u662f-Weex-\u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002"><a href="#WXSDKEngine-\u662f-Weex-\u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002" class="headerlink" title="WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002"></a>WXSDKEngine \u662f Weex \u5bf9\u5916\u7684\u603b\u5165\u53e3\u3002</h2><p>\u4e3b\u8981\u63d0\u4f9b\u4e86\u4e00\u4e0b\u529f\u80fd\uff1a</p>
@@ -1443,7 +1416,7 @@ Adapter \u4ecb\u7ecdWeex \u4e3a\u4e86\u91cd\u7528 Nati">
           <a href="/references/android-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/android-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/android-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[32/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/index.html b/content/cn/references/index.html
index b7671b6..7403ee0 100644
--- a/content/cn/references/index.html
+++ b/content/cn/references/index.html
@@ -5,49 +5,6 @@
   
   <title>\u901a\u7528\u7279\u6027 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u901a\u7528\u7279\u6027
 iOS APIs
 Android APIs
@@ -70,7 +27,7 @@ HTML5 APIs
 \u989c\u8272\u540d\u79f0
 \u624b\u52bf
 \u8def\u5f84">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u901a\u7528\u7279\u6027">
 <meta name="twitter:description" content="\u901a\u7528\u7279\u6027
@@ -139,13 +96,29 @@ HTML5 APIs
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ HTML5 APIs
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -533,11 +506,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -569,11 +542,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -606,11 +579,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -753,7 +726,7 @@ HTML5 APIs
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1129,11 +1102,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1165,11 +1138,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1202,11 +1175,11 @@ HTML5 APIs
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1349,7 +1322,7 @@ HTML5 APIs
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1367,7 +1340,7 @@ HTML5 APIs
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u901a\u7528\u7279\u6027"><a href="#\u901a\u7528\u7279\u6027" class="headerlink" title="\u901a\u7528\u7279\u6027"></a>\u901a\u7528\u7279\u6027</h1><ul>
 <li><a href="./ios-apis.html">iOS APIs</a></li>
@@ -1400,7 +1373,7 @@ HTML5 APIs
           <a href="/references/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/ios-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/references/ios-apis.html b/content/cn/references/ios-apis.html
index 2f8f61b..cffe5b1 100644
--- a/content/cn/references/ios-apis.html
+++ b/content/cn/references/ios-apis.html
@@ -5,49 +5,6 @@
   
   <title>iOS APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="iOS APIsNative \u5bf9\u5916\u63a5\u53e3
 \u6ce8\u518c SDK \u9ed8\u8ba4\u7684 Module\u3001Handler \u548c Component
 \u6ce8\u518c\u81ea\u5b9a\u4e49 module\u3001Handler \u548c Component
@@ -66,7 +23,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
 
 Handler (\u5bf9\u5e94\u4e8e Android \u7684 Adapter) \u4ecb\u7ecd
 WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 View \u548c">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="iOS APIs">
 <meta name="twitter:description" content="iOS APIsNative \u5bf9\u5916\u63a5\u53e3
@@ -133,13 +90,29 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/ios-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/ios-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="iOS-APIs"><a href="#iOS-APIs" class="headerlink" title="iOS APIs"></a>iOS APIs</h1><h2 id="Native-\u5bf9\u5916\u63a5\u53e3"><a href="#Native-\u5bf9\u5916\u63a5\u53e3" class="headerlink" title="Native \u5bf9\u5916\u63a5\u53e3"></a>Native \u5bf9\u5916\u63a5\u53e3</h2><ul>
 <li>\u6ce8\u518c SDK \u9ed8\u8ba4\u7684 Module\u3001Handler \u548c Component</li>
@@ -1416,7 +1389,7 @@ WXImgLoaderDefaultImpl \u56fe\u7247\u4e0b\u8f7d handler\u3002Weex \u4f1a\u628a\u9700\u8981\u8bbe\u7f6e\u56fe\u7247\u7684 V
           <a href="/references/ios-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/ios-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/ios-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/js-service/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/js-service/index.html b/content/cn/references/js-service/index.html
index feb881a..482f551 100644
--- a/content/cn/references/js-service/index.html
+++ b/content/cn/references/js-service/index.html
@@ -5,49 +5,6 @@
   
   <title>JS Service | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Servicev0.9.5+
 JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d\u5468\u671f\u53ef\u8c03\u7528 JS service \u751f\u547d\u5468\u671f\u3002\u76ee\u524d\u63d0\u4f9b\u521b\u5efa\u3001\u5237\u65b0\u3001\u9500\u6bc1\u751f\u547d\u5468\u671f\u3002
 \u91cd\u8981\u63d0\u9192: JS Service \u975e\u5e38\u5f3a\u5927\u4f46\u4e5f\u5f88\u5371\u9669\uff0c\u8bf7\u5c0f\u5fc3\u4f7f\u7528\uff01
@@ -60,7 +17,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
 JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d\u5468\u671f\u53ef\u8c03\u7528 JS service \u751f\u547d\u5468\u671f\u3002\u76ee\u524d\u63d0\u4f9b\u521b\u5efa\u3001\u5237\u65b0\u3001\u9500\u6bc1\u751f\u547d\u5468\u671f\u3002
 \u91cd\u8981\u63d0\u9192: JS Service \u975e\u5e38\u5f3a\u5927\u4f46\u4e5f\u5f88\u5371\u9669\uff0c\u8bf7\u5c0f\u5fc3\u4f7f\u7528\uff01
 \u6ce8\u518c JS ServiceiOS[WeexSDKEngine registerService:@&amp;quot;SERVI">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Service">
 <meta name="twitter:description" content="JS Servicev0.9.5+
@@ -124,13 +81,29 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/js-service/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/js-service/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="JS-Service"><a href="#JS-Service" class="headerlink" title="JS Service"></a>JS Service</h1><p><span class="weex-version">v0.9.5+</span></p>
 <p>JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d\u5468\u671f\u53ef\u8c03\u7528 JS service \u751f\u547d\u5468\u671f\u3002\u76ee\u524d\u63d0\u4f9b\u521b\u5efa\u3001\u5237\u65b0\u3001\u9500\u6bc1\u751f\u547d\u5468\u671f\u3002</p>
@@ -1383,7 +1356,7 @@ JS service \u548c Weex \u5b9e\u4f8b\u5728 JS runtime \u4e2d\u5e76\u884c\u8fd0\u884c\u3002Weex \u5b9e\u4f8b\u7684\u751f\u547d
           <a href="/references/js-service/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/js-service/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/js-service/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/jsfm-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/references/jsfm-apis.html b/content/cn/references/jsfm-apis.html
index 03cd868..130fdab 100644
--- a/content/cn/references/jsfm-apis.html
+++ b/content/cn/references/jsfm-apis.html
@@ -5,49 +5,6 @@
   
   <title>JS Framework APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API \u662f Weex \u5b9e\u4f8b\u95f4\u901a\u4fe1\u7684\u89e3\u51b3\u65b9\u6848\u3002
 \u53c2\u8003
 BroadcastChannel specification.
@@ -66,7 +23,7 @@ MessageEvent specification
 
 API
 postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastChannel">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="JS Framework APIs">
 <meta name="twitter:description" content="JS Framework APIsBroadcastChannel v0.9+BroadcastChannel API \u662f Weex \u5b9e\u4f8b\u95f4\u901a\u4fe1\u7684\u89e3\u51b3\u65b9\u6848\u3002
@@ -133,13 +90,29 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/jsfm-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/jsfm-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="JS-Framework-APIs"><a href="#JS-Framework-APIs" class="headerlink" title="JS Framework APIs"></a>JS Framework APIs</h1><h2 id="BroadcastChannel-v0-9"><a href="#BroadcastChannel-v0-9" class="headerlink" title="BroadcastChannel v0.9+"></a>BroadcastChannel <span class="api-version">v0.9+</span></h2><p><code>BroadcastChannel</code> API \u662f Weex \u5b9e\u4f8b\u95f4\u901a\u4fe1\u7684\u89e3\u51b3\u65b9\u6848\u3002</p>
 <h3 id="\u53c2\u8003"><a href="#\u53c2\u8003" class="headerlink" title="\u53c2\u8003"></a>\u53c2\u8003</h3><ul>
@@ -1401,7 +1374,7 @@ postMessage(message): \u901a\u8fc7\u6d88\u606f\u901a\u9053\u53d1\u9001\u7279\u5b9a\u6d88\u606f\u7ed9\u5176\u4ed6 BroadcastCha
           <a href="/references/jsfm-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/jsfm-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/jsfm-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/migration/difference.html
----------------------------------------------------------------------
diff --git a/content/cn/references/migration/difference.html b/content/cn/references/migration/difference.html
index 55b9513..224ff08 100644
--- a/content/cn/references/migration/difference.html
+++ b/content/cn/references/migration/difference.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02Overview
 
 
@@ -98,7 +55,7 @@ v-if=&amp;quot;!foo&amp;quot;
 \u5faa\u73af\u6307\u4ee4
 repeat=&amp;quot;{{item in list}}&amp;quot;
 v-for=&amp;quo">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
 <meta name="twitter:description" content="Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02Overview
@@ -181,13 +138,29 @@ v-for=&amp;quo">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/difference.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -204,7 +177,7 @@ v-for=&amp;quo">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -575,11 +548,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -611,11 +584,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -648,11 +621,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -795,7 +768,7 @@ v-for=&amp;quo">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1171,11 +1144,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1207,11 +1180,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1244,11 +1217,11 @@ v-for=&amp;quo">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1391,7 +1364,7 @@ v-for=&amp;quo">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1409,7 +1382,7 @@ v-for=&amp;quo">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Weex-\u548c-Vue-2-x-\u7684\u8bed\u6cd5\u5dee\u5f02"><a href="#Weex-\u548c-Vue-2-x-\u7684\u8bed\u6cd5\u5dee\u5f02" class="headerlink" title="Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02"></a>Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02</h1><h2 id="Overview"><a href="#Overview" class="headerlink" title="Overview"></a>Overview</h2><table>
 <thead>
@@ -1690,7 +1663,7 @@ v-for=&amp;quo">
           <a href="/references/migration/difference.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/difference.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/migration/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/migration/index.html b/content/cn/references/migration/index.html
index d2f814a..ef5392f 100644
--- a/content/cn/references/migration/index.html
+++ b/content/cn/references/migration/index.html
@@ -5,49 +5,6 @@
   
   <title>\u8fc1\u79fb | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u8fc1\u79fb
 \u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c
 Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
@@ -58,7 +15,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
 <meta property="og:description" content="\u8fc1\u79fb
 \u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c
 Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u8fc1\u79fb">
 <meta name="twitter:description" content="\u8fc1\u79fb
@@ -121,13 +78,29 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u8fc1\u79fb"><a href="#\u8fc1\u79fb" class="headerlink" title="\u8fc1\u79fb"></a>\u8fc1\u79fb</h1><ul>
 <li><a href="./migration-from-weex.html">\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c</a></li>
@@ -1376,7 +1349,7 @@ Weex \u548c Vue 2.x \u7684\u8bed\u6cd5\u5dee\u5f02">
           <a href="/references/migration/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/migration/migration-from-weex.html
----------------------------------------------------------------------
diff --git a/content/cn/references/migration/migration-from-weex.html b/content/cn/references/migration/migration-from-weex.html
index cc52c9f..95f73b1 100644
--- a/content/cn/references/migration/migration-from-weex.html
+++ b/content/cn/references/migration/migration-from-weex.html
@@ -5,49 +5,6 @@
   
   <title>\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672cWeex \u672c\u8eab\u6709\u4e00\u5957\u8bed\u6cd5\u89c4\u5219\uff0c\u548c Vue \u672c\u8eab\u5f88\u76f8\u4f3c\uff0c\u73b0\u5728 Weex \u4e0e Vue \u6709\u4e86\u5b98\u65b9\u5408\u4f5c\uff0c\u652f\u6301\u5c06 Vue 2.x \u4f5c\u4e3a\u5185\u7f6e\u7684\u524d\u7aef\u6846\u67b6\uff0c\u6211\u4eec\u4e5f\u63a8\u8350\u5927\u5bb6\u4f7f\u7528 Vue 2.x \u7684\u8bed\u6cd5\u5f00\u53d1\u539f\u751f\u5e94\u7528\u3002\u5bf9\u4e8e\u73b0\u5b58\u65e7\u7248\u7684 .we \u6587\u4ef6\uff0c\u5efa\u8bae\u5927\u5bb6\u5c06\u5176\u6539\u9020\u6210 Vue \u7248\u672c\u3002
 \u8981\u89e3\u51b3\u7684\u95ee\u9898
 \u5c06\u5185\u6838\u5207\u6362\u6210 Vue \u4e4b\u540e\uff0c\u539f\u5148\u57fa\u4e8e Weex \u8bed\u6cd5\u5f00\u53d1\u7684\u9879\u76ee\u5c06\u5982\u4f55\u8fc7\u6e21\u5230 V">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672cWeex \u672c\u8eab\u6709\u4e00\u5957\u8bed\u6cd5\u89c4\u5219\uff0c\u548c Vue \u672c\u8eab\u5f88\u76f8\u4f3c\uff0c\u73b0\u5728 Weex \u4e0e Vue \u6709\u4e86\u5b98\u65b9\u5408\u4f5c\uff0c\u652f\u6301\u5c06 Vue 2.x \u4f5c\u4e3a\u5185\u7f6e\u7684\u524d\u7aef\u6846\u67b6\uff0c\u6211\u4eec\u4e5f\u63a8\u8350\u5927\u5bb6\u4f7f\u7528 Vue 2.x \u7684\u8bed\u6cd5\u5f00\u53d1\u539f\u751f\u5e94\u7528\u3002\u5bf9\u4e8e\u73b0\u5b58\u65e7\u7248\u7684 .we \u6587\u4ef6\uff0c\u5efa\u8bae\u5927\u5bb6\u5c06\u5176\u6539\u9020\u6210 Vue \u7248\u672c\u3002
 \u8981\u89e3\u51b3\u7684\u95ee\u9898
 \u5c06\u5185\u6838\u5207\u6362\u6210 Vue \u4e4b\u540e\uff0c\u539f\u5148\u57fa\u4e8e Weex \u8bed\u6cd5\u5f00\u53d1\u7684\u9879\u76ee\u5c06\u5982\u4f55\u8fc7\u6e21\u5230 V">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c">
 <meta name="twitter:description" content="\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672cWeex \u672c\u8eab\u6709\u4e00\u5957\u8bed\u6cd5\u89c4\u5219\uff0c\u548c Vue \u672c\u8eab\u5f88\u76f8\u4f3c\uff0c\u73b0\u5728 Weex \u4e0e Vue \u6709\u4e86\u5b98\u65b9\u5408\u4f5c\uff0c\u652f\u6301\u5c06 Vue 2.x \u4f5c\u4e3a\u5185\u7f6e\u7684\u524d\u7aef\u6846\u67b6\uff0c\u6211\u4eec\u4e5f\u63a8\u8350\u5927\u5bb6\u4f7f\u7528 Vue 2.x \u7684\u8bed\u6cd5\u5f00\u53d1\u539f\u751f\u5e94\u7528\u3002\u5bf9\u4e8e\u73b0\u5b58\u65e7\u7248\u7684 .we \u6587\u4ef6\uff0c\u5efa\u8bae\u5927\u5bb6\u5c06\u5176\u6539\u9020\u6210 Vue \u7248\u672c\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/migration/migration-from-weex.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/migration/migration-from-weex.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u5c06\u539f\u6709-Weex-\u9879\u76ee\u6539\u9020\u6210-Vue-\u7248\u672c"><a href="#\u5982\u4f55\u5c06\u539f\u6709-Weex-\u9879\u76ee\u6539\u9020\u6210-Vue-\u7248\u672c" class="headerlink" title="\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c"></a>\u5982\u4f55\u5c06\u539f\u6709 Weex \u9879\u76ee\u6539\u9020\u6210 Vue \u7248\u672c</h1><p>Weex \u672c\u8eab\u6709\u4e00\u5957\u8bed\u6cd5\u89c4\u5219\uff0c\u548c Vue \u672c\u8eab\u5f88\u76f8\u4f3c\uff0c\u73b0\u5728 Weex \u4e0e Vue \u6709\u4e86\u5b98\u65b9\u5408\u4f5c\uff0c\u652f\u6301\u5c06 Vue 2.x \u4f5c\u4e3a\u5185\u7f6e\u7684\u524d\u7aef\u6846\u67b6\uff0c\u6211\u4eec\u4e5f\u63a8\u8350\u5927\u5bb6\u4f7f\u7528 Vue 2.x \u7684\u8bed\u6cd5\u5f00\u53d1\u539f\u751f\u5e94\u7528\u3002\u5bf9\u4e8e\u73b0\u5b58\u65e7\u7248\u7684 <code>.we</code> \u6587\u4ef6\uff0c\u5efa\u8bae\u5927\u5bb6\u5c06\u5176\u6539\u9020\u6210 Vue \u7248\u672c\u3002</p>
 <h2 id="\u8981\u89e3\u51b3\u7684\u95ee\u9898"><a href="#\u8981\u89e3\u51b3\u7684\u95ee\u9898" class="headerlink" title="\u8981\u89e3\u51b3\u7684\u95ee\u9898"></a>\u8981\u89e3\u51b3\u7684\u95ee\u9898</h2><blockquote>
@@ -1489,7 +1462,7 @@
           <a href="/references/migration/migration-from-weex.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/migration/migration-from-weex.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/migration/migration-from-weex.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/animation.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/animation.html b/content/cn/references/modules/animation.html
index 662921a..e47d307 100644
--- a/content/cn/references/modules/animation.html
+++ b/content/cn/references/modules/animation.html
@@ -5,49 +5,6 @@
   
   <title>animation | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 APItransition(el, options, callback)\u53c2">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ APItransition(el, options, callback)\u53c2">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
 APItransition(el, options, callback)\u53c2">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="animation">
 <meta name="twitter:description" content="animation \u52a8\u753b\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0canimation \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a &amp;lt;image&amp;gt; \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002
@@ -118,13 +75,29 @@ APItransition(el, options, callback)\u53c2">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/animation.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ APItransition(el, options, callback)\u53c2">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +485,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +521,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +558,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ APItransition(el, options, callback)\u53c2">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1081,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1117,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1154,11 @@ APItransition(el, options, callback)\u53c2">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1301,7 @@ APItransition(el, options, callback)\u53c2">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,7 +1319,7 @@ APItransition(el, options, callback)\u53c2">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="animation-\u52a8\u753b"><a href="#animation-\u52a8\u753b" class="headerlink" title="animation \u52a8\u753b"></a><code>animation</code> \u52a8\u753b</h1><p>\u6d41\u7545\u4e14\u6709\u610f\u4e49\u7684\u52a8\u753b\u662f\u4e00\u4e2a\u5341\u5206\u6709\u6548\u7684\u63d0\u5347\u79fb\u52a8\u5e94\u7528\u7528\u6237\u4f53\u9a8c\u7684\u624b\u6bb5\uff0c<code>animation</code> \u6a21\u5757\u88ab\u7528\u4e8e\u5728\u7ec4\u4ef6\u4e0a\u6267\u884c\u52a8\u753b\u3002\u52a8\u753b\u53ef\u4ee5\u5bf9\u7ec4\u4ef6\u6267\u884c\u4e00\u7cfb\u5217\u7b80\u5355\u7684\u53d8\u6362 (\u4f4d\u7f6e\u3001\u5927\u5c0f\u3001\u65cb\u8f6c\u89d2\u5ea6\u3001\u80cc\u666f\u989c\u8272\u548c\u4e0d\u900f\u660e\u5ea6)\u3002\u4e3e\u4e2a\u4f8b\u5b50\uff0c\u5982\u679c\u6709\u4e00\u4e2a <code>&lt;image&gt;</code> \u7ec4\u4ef6\uff0c\u901a\u8fc7\u52a8\u753b\u4f60\u53ef\u4ee5\u5bf9\u5176\u8fdb\u884c\u79fb\u52a8\u3001\u65cb\u8f6c\u3001\u62c9\u4f38\u6216\u6536\u7f29\u7b49\u52a8\u4f5c\u3002</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="transition-el-options-callback"><a href="#transition-el-options-callback" class="headerlink" title="transition(el, options, callback)"></a><code>transition(el, options, callback)</code></h3><h4 id="\u53c2\u6570"><a href="#\u53c2\u6570" class="headerlink" title="\u53c2\u6570"></a>\u53c2\u6570</h4><ul>
@@ -1477,7 +1450,7 @@ APItransition(el, options, callback)\u53c2">
 <li><code>callback {Function}</code>\uff1a\u52a8\u753b\u6267\u884c\u5b8c\u6bd5\u4e4b\u540e\u7684\u56de\u8c03</li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"test"</span> @<span class="attr">click</span>=<span class="string">"move"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;
 <span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> animation = weex.requireModule(<span class="string">'animation'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      move () &#123;</div><div class="line">        <span class="keyword">var</span> testEl = <span class="keyword">this</span>.$refs.test;</div><div class="line">        animation.transition(testEl, &#123;</div><div class="line">          <span class="attr">styles</span>: &#123;</div><div class="line">            <span class="attr">color</span>: <span class="string">'#FF0000'</span>,</div><div class="line">            <span class="attr">tr
 ansform</span>: <span class="string">'translate(250px, 100px)'</span>,</div><div class="line">            <span class="attr">transformOrigin</span>: <span class="string">'center center'</span></div><div class="line">          &#125;,</div><div class="line">          <span class="attr">duration</span>: <span class="number">800</span>, <span class="comment">//ms</span></div><div class="line">          timingFunction: <span class="string">'ease'</span>,</div><div class="line">          <span class="attr">delay</span>: <span class="number">0</span> <span class="comment">//ms</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'animation finished.'</span> &#125;)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div cla
 ss="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/animation.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/2d1b61bef061448c1a5a13eac9624410" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1499,7 +1472,7 @@ APItransition(el, options, callback)\u53c2">
           <a href="/references/modules/animation.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/animation.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/animation.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[29/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/websocket.html b/content/cn/references/modules/websocket.html
index e8aa741..fda1f43 100644
--- a/content/cn/references/modules/websocket.html
+++ b/content/cn/references/modules/websocket.html
@@ -5,49 +5,6 @@
   
   <title>WebSocket | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
 \u6ce8\u610f\uff1a
 iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b\u81ea\u5b9a\u4e49 adapter \u5b9e\u73b0\uff0csource">
@@ -58,7 +15,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
 <meta property="og:description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
 \u6ce8\u610f\uff1a
 iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b\u81ea\u5b9a\u4e49 adapter \u5b9e\u73b0\uff0csource">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="WebSocket">
 <meta name="twitter:description" content="WebSocketSummaryWebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94
@@ -121,13 +78,29 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/websocket.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/websocket.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="WebSocket"><a href="#WebSocket" class="headerlink" title="WebSocket"></a>WebSocket</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>WebSockets \u662f\u4e00\u79cd\u5148\u8fdb\u7684\u6280\u672f, \u8fd9\u4f7f\u5f97\u5728\u7528\u6237\u7684 H5/iOS/Android \u548c\u4e00\u4e2a\u670d\u52a1\u5668\u4e4b\u95f4\u6253\u5f00\u4e00\u4e2a\u7684\u4ea4\u4e92\u5f0f\u901a\u4fe1\u4f1a\u8bdd\u6210\u4e3a\u53ef\u80fd, \u6709\u4e86\u8fd9\u4e2a API\uff0c\u4f60\u53ef\u4ee5\u5411\u670d\u52a1\u5668\u53d1\u9001\u6d88\u606f, \u5e76\u63a5\u6536\u4e8b\u4ef6\u9a71\u52a8\u7684\u54cd\u5e94, \u65e0\u9700\u8f6e\u8be2\u670d\u52a1\u5668\u7684\u54cd\u5e94</p>
 <h2 id="\u6ce8\u610f\uff1a"><a href="#\u6ce8\u610f\uff1a" class="headerlink" title="\u6ce8\u610f\uff1a"></a><strong>\u6ce8\u610f\uff1a</strong></h2><ul>
@@ -1404,8 +1377,8 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
 </ul>
 </li>
 </ul>
-<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: white"</span>&gt;</span>websocket<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span 
 class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span></span></div><div class="line">              <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line">              <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line">              <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line">              <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line">              <span class="attr">value</span>=<span class="string">""</span></div><div class="line">              <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line">              <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line">              <span class="attr">id</span> = <span class="string">"input"</spa
 n></div><div class="line">      /&gt;</div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;connect&#125;&#125;"</span>&gt;</span>connect<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;send&#125;&#125;"</span>&gt;</span>send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">
 class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;close&#125;&#125;"</span>&gt;</span>close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span cla
 ss="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onopen<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span cl
 ass="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onmessage<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 400p
 x"</span>&gt;</span>&#123;&#123;onmessage&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onclose<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&
 lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onerror<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></d
 iv><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span
 >&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">80px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="nu
 mber">36px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span
 >: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</span>);</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">connectinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onmessage</span>: <s
 pan class="string">''</span>,</div><div class="line">      <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line">      <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line">      <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line">      <span class="attr">baseURL</span>: <span class="string">''</span>,</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span 
 class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</div><div class="line">        websocket.WebSocket(<span class="string">'ws://115.29.193.48:8088'</span>,<span class="string">''</span>);</div><div class="line">        <span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line">        websocket.onopen = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="built_in">JSON</span>.stringify(e);</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.on
 error = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onerrorinfo = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        <span class="keyword">var</span> input = <span class="keyword">this</span>.$el(<span class="string">'input'</span>);</div><div class="line">        input.blur();</div><div class="line">        websocket.send(<span class="keyword">this
 </span>.txtInput);</div><div class="line">        <span class="keyword">this</span>.sendinfo = <span class="keyword">this</span>.txtInput;</div><div class="line"></div><div class="line">      &#125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</div><div class="line">      &#125;,</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/weex/993f33173a712fecfb61c1c4b03bcb70" target="_blank" rel="external">Have a try</a></p>
+<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>&gt;</span>websocket<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span cl
 ass="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span></span></div><div class="line">              <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line">              <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line">              <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line">              <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line">              <span class="attr">value</span>=<span class="string">""</span></div><div class="line">              <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line">              <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line">              <span class="attr">id</span> = <span class="string">"input"</span>
 </div><div class="line">      /&gt;</div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;connect&#125;&#125;"</span>&gt;</span>connect<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;send&#125;&#125;"</span>&gt;</span>send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">cl
 ass</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;close&#125;&#125;"</span>&gt;</span>close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3;margin-top: 20"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<s
 pan class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onopen<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height
 : 80"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onmessage<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 100"</span>&gt;</span>&#123;&#123;onmessage&#125;&#125;<span class="tag">&lt;/<span class="name">
 text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onclose<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</sp
 an> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onerror<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</spa
 n></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div>
 <div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">80</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">150</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class=
 "line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">10</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">10</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">s
 cript</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</span>);</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">connectinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onmessage</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line">      <span clas
 s="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line">      <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line">      <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line">      <span class="attr">baseURL</span>: <span class="string">''</span>,</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</div><div class="line">        websocket.WebSocket(<span class="string">'ws://echo.websocket.org'</span>,<span class="string">''</span>);</div><div class="line">        <
 span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line">        self.onopeninfo = <span class="string">'connecting...'</span></div><div class="line">        websocket.onopen = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">'websocket open'</span>;</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onerror = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          s
 elf.onerrorinfo = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">''</span>;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        <span class="keyword">var</span> input = <span class="keyword">this</span>.$el(<span class="string">'input'</span>);</div><div class="line">        input.blur();</div><div class="line">        websocket.send(<span class="keyword">this</span>.txtInput);</div><div class="line">        <span class="keyword">this</span>.sendinfo = <
 span class="keyword">this</span>.txtInput;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</div><div class="line">      &#125;,</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
+<p><a href="http://dotwe.org/weex/0256bbfc448f0fdbe8b10ba311c947b4" target="_blank" rel="external">Have a try</a></p>
 
   </div>
   
@@ -1427,7 +1400,7 @@ iOS\u548ch5\u63d0\u4f9b WebSockets \u7684 protocol \u9ed8\u8ba4\u5b9e\u73b0\uff0c\u5b89\u5353\u4f7f\u7528\u9700\u8981\u63d0\u4f9b
           <a href="/references/modules/websocket.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/websocket.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/websocket.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/webview.html b/content/cn/references/modules/webview.html
index e6e03bd..16ccdeb 100644
--- a/content/cn/references/modules/webview.html
+++ b/content/cn/references/modules/webview.html
@@ -5,49 +5,6 @@
   
   <title>webview | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="webview\u4e00\u7cfb\u5217\u7684 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5171\u7528\u3002
 \u793a\u4f8b\u67e5\u770b \u7b80\u5355\u6d4f\u89c8\u5668 \uff0c\u4e00\u4e2a\u7ed3\u5408 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u548c webview module \u7684\u793a\u4f8b\u3002
 APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
@@ -62,7 +19,7 @@ webElement">
 APIgoBack(webElement)\u52a0\u8f7d\u5386\u53f2\u8bb0\u5f55\u91cc\u7684\u524d\u4e00\u4e2a\u8d44\u6e90\u5730\u5740\u3002
 \u53c2\u6570
 webElement">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webview">
 <meta name="twitter:description" content="webview\u4e00\u7cfb\u5217\u7684 &amp;lt;web&amp;gt; \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 goBack\u3001goForward\u3001\u548c reload\u3002webview module \u4e0e &amp;lt;web&amp;gt; \u7ec4\u4ef6\u5171\u7528\u3002
@@ -127,13 +84,29 @@ webElement">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/webview.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ webElement">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,11 +494,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -557,11 +530,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -594,11 +567,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -741,7 +714,7 @@ webElement">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1117,11 +1090,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1153,11 +1126,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1190,11 +1163,11 @@ webElement">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1337,7 +1310,7 @@ webElement">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1355,7 +1328,7 @@ webElement">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a><code>webview</code></h1><p>\u4e00\u7cfb\u5217\u7684 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u64cd\u4f5c\u63a5\u53e3\u3002 \u6bd4\u5982 <code>goBack</code>\u3001<code>goForward</code>\u3001\u548c <code>reload</code>\u3002<code>webview</code> module \u4e0e <code>&lt;web&gt;</code> \u7ec4\u4ef6\u5171\u7528\u3002</p>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><p>\u67e5\u770b <a href="../components/web.html">\u7b80\u5355\u6d4f\u89c8\u5668</a> \uff0c\u4e00\u4e2a\u7ed3\u5408 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u548c <code>webview</code> module \u7684\u793a\u4f8b\u3002</p>
@@ -1373,7 +1346,7 @@ webElement">
 </ul>
 <p><em>\u6ce8\u610f\u4e8b\u9879\uff1a\u672a\u6765 <code>&lt;web&gt;</code> \u7ec4\u4ef6\u7684 <code>Element</code> \u5bf9\u8c61\u5c06\u4f1a\u652f\u6301\u76f4\u63a5\u8fd9\u4e9b\u65b9\u6cd5\uff0c\u5c4a\u65f6 <code>webview</code> module \u5c06\u4e0d\u518d\u9700\u8981</em></p>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">"https://m.taobao.com"</span>&gt;</sp
 an><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div<
 /span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">web</span> <span class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> webview = weex.requi
 reModule(<span class="string">'webview'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.$refs.input.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">thi
 s</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$refs.web
 view)</div><div class="line">      &#125;,</div><div class="line">      start (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="str
 ing">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-around;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">fo
 nt-size</span>: <span class="number">36px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line">    <span class="at
 tribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: 
 solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/web.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1395,7 +1368,7 @@ webElement">
           <a href="/references/modules/webview.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/webview.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/cn/references/native-dom-api.html b/content/cn/references/native-dom-api.html
index 884f834..b269ce6 100644
--- a/content/cn/references/native-dom-api.html
+++ b/content/cn/references/native-dom-api.html
@@ -5,49 +5,6 @@
   
   <title>Native DOM APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
 \u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
 \u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Native DOM APIs">
 <meta name="twitter:description" content="Native DOM APIsWeex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/native-dom-api.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/native-dom-api.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +485,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +521,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +558,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1081,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1117,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1154,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1301,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,7 +1319,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Native-DOM-APIs"><a href="#Native-DOM-APIs" class="headerlink" title="Native DOM APIs"></a>Native DOM APIs</h1><p>Weex \u5728 JS \u5f15\u64ce\u4e2d\uff0c\u4e3a\u6bcf\u4e2a\u9875\u9762\u90fd\u63d0\u4f9b\u4e86\u4e00\u5957 Native DOM APIs\uff0c\u8fd9\u5957\u63a5\u53e3\u548c HTML DOM APIs \u975e\u5e38\u63a5\u8fd1\uff0c\u5229\u7528\u8fd9\u5957\u63a5\u53e3\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 JavaScript \u63a7\u5236 native \u7684\u6e32\u67d3\u903b\u8f91\u3002\u800c\u4e14 Weex \u4e0a\u5c42\u7684 Vue 2.0 \u4e5f\u662f\u57fa\u4e8e\u8fd9\u5957\u63a5\u53e3\u8fdb\u884c\u9002\u914d\u7684\u3002</p>
 <p><em>\u7edd\u5927\u591a\u6570\u60c5\u51b5\u4e0b JS \u6846\u67b6\u4f1a\u628a Native DOM APIs \u90fd\u5c01\u88c5\u597d\uff0c\u5f00\u53d1\u8005\u4e0d\u9700\u8981\u76f4\u63a5\u5bf9 Native DOM \u8fdb\u884c\u64cd\u4f5c\u3002</em></p>
@@ -1530,7 +1503,7 @@
           <a href="/references/native-dom-api.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/native-dom-api.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/native-dom-api.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/path.html
----------------------------------------------------------------------
diff --git a/content/cn/references/path.html b/content/cn/references/path.html
index 67966d5..44d6e60 100644
--- a/content/cn/references/path.html
+++ b/content/cn/references/path.html
@@ -5,49 +5,6 @@
   
   <title>Path (\u82f1) | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Pathv0.9+
 \u672c\u6587\u5c06\u4ecb\u7ecd Weex \u4e2d uri(url) \u7684\u7528\u6cd5\u3002\u5305\u62ec\u4f7f\u7528\u56fe\u50cf\u3001\u5b57\u4f53\u7b49\u8d44\u6e90\uff0c\u5904\u7406\u76f8\u5bf9\u8def\u5f84\u4ee5\u53ca\u5982\u4f55\u8bbf\u95ee\u672c\u5730\u53ca\u6253\u5305\u7684\u8d44\u6e90\u6587\u4ef6\u3002
 Schemes
@@ -66,7 +23,7 @@ Schemes
 Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 scheme \u65e0\u6cd5\u5728 H5 \u73af\u5883\u4e0b\u4f7f\u7528\u3002\u76ee\u524d\uff0c\u5f00\u53d1\u8005\u53ef\u4ee5\u5728 image \u7ec4\u4ef6\u548c\u5b57\u4f53\u6587\u4ef6\u4e2d\u4f7f\u7528\u672c\u5730\u8d44\u6e90\u3002 
 
 \u5728 iOS \u4e2d\uff0cWeex \u4f1a\u5728 b">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Path (\u82f1)">
 <meta name="twitter:description" content="Pathv0.9+
@@ -133,13 +90,29 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/path.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/path.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Path"><a href="#Path" class="headerlink" title="Path"></a>Path</h1><p><span class="weex-version">v0.9+</span></p>
 <p>\u672c\u6587\u5c06\u4ecb\u7ecd Weex \u4e2d uri(url) \u7684\u7528\u6cd5\u3002\u5305\u62ec\u4f7f\u7528\u56fe\u50cf\u3001\u5b57\u4f53\u7b49\u8d44\u6e90\uff0c\u5904\u7406\u76f8\u5bf9\u8def\u5f84\u4ee5\u53ca\u5982\u4f55\u8bbf\u95ee\u672c\u5730\u53ca\u6253\u5305\u7684\u8d44\u6e90\u6587\u4ef6\u3002</p>
@@ -1407,7 +1380,7 @@ Weex SDK \u63d0\u4f9b local  scheme \u6765\u8bbf\u95ee\u6253\u5305\u5728\u5e94\u7528\u7a0b\u5e8f\u4e2d\u7684\u8d44\u6e90\uff0c\u6b64 s
           <a href="/references/path.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/path.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/path.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[14/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/references/components/cell.html b/content/references/components/cell.html
index e744a91..e2488d0 100644
--- a/content/references/components/cell.html
+++ b/content/references/components/cell.html
@@ -5,49 +5,6 @@
   
   <title>&lt;cell&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
 Child ComponentsThis type of component supports all kind">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kind">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
 Child ComponentsThis type of component supports all kind">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<cell>">
 <meta name="twitter:description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kind">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/cell.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kind">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Child ComponentsThis type of component supports all kind">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Child ComponentsThis type of component supports all kind">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Child ComponentsThis type of component supports all kind">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Child ComponentsThis type of component supports all kind">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Child ComponentsThis type of component supports all kind">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Child ComponentsThis type of component supports all kind">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-cell-gt"><a href="#lt-cell-gt" class="headerlink" title="&lt;cell&gt;"></a>&lt;cell&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./list.html"><code>list</code></a> component, which is for the performance optimizing during scrolling.</p>
 <h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This type of component supports all kinds of weex component as its child components.</p>
@@ -1368,7 +1341,7 @@ Child ComponentsThis type of component supports all kind">
           <a href="/references/components/cell.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/cell.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/references/components/div.html b/content/references/components/div.html
index b2d8d6e..908b3a0 100644
--- a/content/references/components/div.html
+++ b/content/references/components/div.html
@@ -5,49 +5,6 @@
   
   <title>&lt;div&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
 alias: &amp;lt;container&amp;gt; (depre">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ alias: &amp;lt;container&amp;gt; (depre">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
 alias: &amp;lt;container&amp;gt; (depre">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<div>">
 <meta name="twitter:description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
@@ -118,13 +75,29 @@ alias: &amp;lt;container&amp;gt; (depre">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/div.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ alias: &amp;lt;container&amp;gt; (depre">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ alias: &amp;lt;container&amp;gt; (depre">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ alias: &amp;lt;container&amp;gt; (depre">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ alias: &amp;lt;container&amp;gt; (depre">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-div-gt"><a href="#lt-div-gt" class="headerlink" title="&lt;div&gt;"></a>&lt;div&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.</p>
 <p>alias: <code>&lt;container&gt;</code> (deprecated)</p>
@@ -1347,7 +1320,7 @@ alias: &amp;lt;container&amp;gt; (depre">
 <li>support <code>appear</code> / <code>disappear</code> event. Check out <a href="../common-event.html">common events</a></li>
 </ul>
 <h3 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">  
   <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">250px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#EEE</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/div.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/edfbd1806508cb86254b03dc0b8e28ac" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1369,7 +1342,7 @@ alias: &amp;lt;container&amp;gt; (depre">
           <a href="/references/components/div.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/div.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/references/components/image.html b/content/references/components/image.html
index 02af5ca..643bd1d 100644
--- a/content/references/components/image.html
+++ b/content/references/components/image.html
@@ -5,49 +5,6 @@
   
   <title>&lt;image&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
 Notes: the styles of width and height should be specified,">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Notes: the styles of width and height should be specified,">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
 Notes: the styles of width and height should be specified,">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<image>">
 <meta name="twitter:description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
@@ -118,13 +75,29 @@ Notes: the styles of width and height should be specified,">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/image.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Notes: the styles of width and height should be specified,">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Notes: the styles of width and height should be specified,">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Notes: the styles of width and height should be specified,">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Notes: the styles of width and height should be specified,">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Notes: the styles of width and height should be specified,">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Notes: the styles of width and height should be specified,">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Notes: the styles of width and height should be specified,">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Notes: the styles of width and height should be specified,">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-image-gt"><a href="#lt-image-gt" class="headerlink" title="&lt;image&gt;"></a>&lt;image&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p><code>image</code> tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use <code>img</code> as alias.</p>
 <p><strong>Notes:</strong> the styles of <code>width</code> and <code>height</code> should be specified, otherwise it won\u2019t work.</p>
@@ -1364,7 +1337,7 @@ Notes: the styles of width and height should be specified,">
 </li>
 </ul>
 <h3 id="Examples"><a href="#Examples" class="headerlink" title="Examples"></a>Examples</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"wrapper"</span> &gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"page-head"</span> &gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class="string">"title-bg"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">src</span>=<span class="string">"https://img.alicdn.com/tps/TB1dX5NOFXXXXc6XFXXXXXXXXXX-750-202.png"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></di
 v><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"title-box"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Alan Mathison Turing<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"article"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>Alan Mathison Turing ( 23 June 1912 \u2013 7 June 1954) was an English computer scie
 ntist, mathematician, logician, cryptanalyst and theoretical biologist. He was highly influential in the development of theoretical computer science, providing a formalisation of the concepts of algorithm and computation with the Turing machine, which can be considered a model of a general purpose computer.Turing is widely considered to be the father of theoretical computer science and artificial intelligence.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>During the Second World War, Turing worked for the Government Code and Cypher School (GC&amp;CS) at Bletchley Park, Britain's codebreaking centre. For a time he led Hut 8, the section responsible for German naval cryptanalysis. He devised a number of techniques for speeding the breaking of German ciphers, including improvements to the pre-war Polish bom
 be method, an electromechanical machine that could find settings for the Enigma machine. Turing played a pivotal role in cracking intercepted coded messages that enabled the Allies to defeat the Nazis in many crucial engagements, including the Battle of the Atlantic; it has been estimated that this work shortened the war in Europe by more than two years and saved over fourteen million lives.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>After the war, he worked at the National Physical Laboratory, where he designed the ACE, among the first designs for a stored-program computer. In 1948 Turing joined Max Newman's Computing Machine Laboratory at the Victoria University of Manchester, where he helped develop the Manchester computers and became interested in mathematical biology. He wrote a paper on the chem
 ical basis of morphogenesis, and predicted oscillating chemical reactions such as the Belousov\u2013Zhabotinsky reaction, first observed in the 1960s.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"paragraph"</span>&gt;</span>Turing was prosecuted in 1952 for homosexual acts, when by the Labouchere Amendment, "gross indecency" was still criminal in the UK. He accepted chemical castration treatment, with DES, as an alternative to prison. Turing died in 1954, 16 days before his 42nd birthday, from cyanide poisoning. An inquest determined his death as suicide, but it has been noted that the known evidence is also consistent with accidental poisoning. In 2009, following an Internet campaign, British Prime Minister Gordon Brown made an official public apology on behalf of the British government for "the appalling way he was treated." Queen 
 Elizabeth II granted him a posthumous pardon in 2013.<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.page-head</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title-bg</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span clas
 s="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title-box</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">position</span>: absolute;</div><div class="line">    <span class="attribute">top</span>: <span class="number">0</span>;</div><div class="line">    <span class="attribute">right</span>: <span class="number">0</span>;</div><div class="line">    <span class="attribute">bottom</span>: <span class="number">0</span>;</div><div class="line">    <span
  class="attribute">left</span>: <span class="number">0</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#ffffff</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line">    <span class="attribute">font-weight</span>: bold;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.article</span> &#123;</div><div class="line">    <span class="attribute">padding</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.paragraph</span>&#123;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">15px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</spa
 n></div></pre></td></tr></table></figure>
-<p><a href="../../examples/image.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/e2122bc245beafb0348d79bfd1274904" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1386,7 +1359,7 @@ Notes: the styles of width and height should be specified,">
           <a href="/references/components/image.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/image.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/references/components/index.html b/content/references/components/index.html
index dd366e0..53b61ce 100644
--- a/content/references/components/index.html
+++ b/content/references/components/index.html
@@ -5,49 +5,6 @@
   
   <title>Build-in Components | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Build-in Components
 &amp;lt;a&amp;gt;
 &amp;lt;indicator&amp;gt;
@@ -80,7 +37,7 @@
 &amp;lt;list&amp;gt;
 &amp;lt;cell&amp;gt;
 &amp;lt;refresh&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Build-in Components">
 <meta name="twitter:description" content="Build-in Components
@@ -154,13 +111,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -177,7 +150,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -616,11 +589,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -736,12 +709,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -759,7 +732,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1203,11 +1176,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1323,12 +1296,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1346,7 +1319,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1364,7 +1337,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Build-in-Components"><a href="#Build-in-Components" class="headerlink" title="Build-in Components"></a>Build-in Components</h1><ul>
 <li><a href="./a.html">&lt;a&gt;</a></li>
@@ -1404,7 +1377,7 @@
           <a href="/references/components/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/indicator.html
----------------------------------------------------------------------
diff --git a/content/references/components/indicator.html b/content/references/components/indicator.html
index 9b5980f..52345a3 100644
--- a/content/references/components/indicator.html
+++ b/content/references/components/indicator.html
@@ -5,49 +5,6 @@
   
   <title>&lt;indicator&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
 Child ComponentsThis component supports no child components.
 AttributesThere is no specific attribute for t">
@@ -58,7 +15,7 @@ AttributesThere is no specific attribute for t">
 <meta property="og:description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
 Child ComponentsThis component supports no child components.
 AttributesThere is no specific attribute for t">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<indicator>">
 <meta name="twitter:description" content="&amp;lt;indicator&amp;gt;SummaryThis component must be used as a subcomponent of a slider component.
@@ -121,13 +78,29 @@ AttributesThere is no specific attribute for t">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/indicator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ AttributesThere is no specific attribute for t">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ AttributesThere is no specific attribute for t">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ AttributesThere is no specific attribute for t">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ AttributesThere is no specific attribute for t">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ AttributesThere is no specific attribute for t">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ AttributesThere is no specific attribute for t">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ AttributesThere is no specific attribute for t">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-indicator-gt"><a href="#lt-indicator-gt" class="headerlink" title="&lt;indicator&gt;"></a>&lt;indicator&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./slider.html"><code>slider</code></a> component.</p>
 <h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This component supports no child components.</p>
@@ -1355,7 +1328,7 @@ AttributesThere is no specific attribute for t">
 <li>support <code>appear</code> / <code>disappear</code> event. Check out <a href="../common-event.html">common events</a></li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">slider</span> <span class="attr">class</span>=<span class="string">"slider"</span> <span class="attr">interval</span>=<span class="string">"4500"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"frame"</span> <span class="attr">v-for</span>=<span class="string">"img in imageList"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">image</span> <span class="attr">class</span>=<span class
 ="string">"image"</span> <span class="attr">resize</span>=<span class="string">"cover"</span> <span class="attr">:src</span>=<span class="string">"img.src"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>&#123;&#123;img.title&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">indicator</span> <span class="attr">class</span>=<span class="string">"indicator"</span>&gt;</span><span class="tag">&lt;/<span class="name">indicator</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">slider</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</
 span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.image</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.slider</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height<
 /span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">position</span>: absolute;</div><div class="line">    <span class="attribute">top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">color</span>: <span clas
 s="number">#FFFFFF</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span class="attribute">line-height</span>: <span class="number">60px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(0, 0, 0, 0.3);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.frame</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">position</span>: relative;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.indicator</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class=
 "attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">item-color</span>: green;</div><div class="line">    <span class="attribute">item-selected-color</span>: red;</div><div class="line">    <span class="attribute">item-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">top</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">left</span>: <span class="number">200px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</sp
 an> &#123;</div><div class="line">        <span class="attr">imageList</span>: [</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item A'</span>, <span class="attr">src</span>: <span class="string">'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item B'</span>, <span class="attr">src</span>: <span class="string">'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;,</div><div class="line">          &#123; <span class="attr">title</span>: <span class="string">'item C'</span>, <span class="attr">src</span>: <span class="string">'https://gd3.alicdn.com/bao/uploaded/i3/TB1x6hYLXXXXXazXVXXXXXXXXXX_!!0-item_pic.jpg'</span>&#125;</div><div class="line">        ]</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span 
 class="attr">methods</span>: &#123;</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'changed:'</span>, event.index)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/indicator.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/d2a654c4b75f1b4d80336c8a5fe133b9" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1377,7 +1350,7 @@ AttributesThere is no specific attribute for t">
           <a href="/references/components/indicator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/indicator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/indicator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/input.html
----------------------------------------------------------------------
diff --git a/content/references/components/input.html b/content/references/components/input.html
index a3f5da0..1c2fa7f 100644
--- a/content/references/components/input.html
+++ b/content/references/components/input.html
@@ -5,56 +5,13 @@
   
   <title>&lt;input&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<input>">
 <meta property="og:url" content="https://weex.apache.org/references/components/input.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<input>">
 <meta name="twitter:description" content="inputThe weex builtin component input is used to create input controls to receive the user\u2019s input characters. How a input component works varies considerably depending on the value of its type attrib">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/input.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="input"><a href="#input" class="headerlink" title="input"></a>input</h1><p>The weex builtin component <code>input</code> is used to create input controls to receive the user\u2019s input characters. How a <code>input</code> component works varies considerably depending on the value of its <code>type</code> attribute, such as <code>text</code>, <code>password</code>, <code>url</code>, <code>email</code>, <code>tel</code> etc.</p>
 <p><strong>Notes:</strong> does not support the common-event <code>click</code>. Please listen to the <code>input</code> or <code>change</code> event instead.</p>
@@ -1396,7 +1369,7 @@
 <li>for \u2018focus\u2019 and \u2018blur\u2019 events:\u2019timestamp\u2019: the time stamp of the event.</li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">input</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"text"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>&gt;</span></div><div class="line">  <
 span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      oninput (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">$&#123;event.value&#125;</sp
 an>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onfocus (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div c
 lass="line">          <span class="attr">message</span>: <span class="string">`onfocus: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onblur (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag"
 >&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div
 ><div class="line">    <span class="attribute">padding-right</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/input.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/c1b1a5fdcf0937df1d847f8812a7ccb2" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1418,7 +1391,7 @@
           <a href="/references/components/input.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/input.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/input.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[09/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/references/modules/storage.html b/content/references/modules/storage.html
index b595a7b..7816d10 100644
--- a/content/references/modules/storage.html
+++ b/content/references/modules/storage.html
@@ -5,49 +5,6 @@
   
   <title>storage | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="storagev0.7+
 Summarystorage is a series of apis, allowing you to for example add, modify or delete stored data items.
 APIsetItem(key, value, callback)When passed a key name and value, will add that ke">
@@ -58,7 +15,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
 <meta property="og:description" content="storagev0.7+
 Summarystorage is a series of apis, allowing you to for example add, modify or delete stored data items.
 APIsetItem(key, value, callback)When passed a key name and value, will add that ke">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="storage">
 <meta name="twitter:description" content="storagev0.7+
@@ -121,13 +78,29 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/storage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="storage"><a href="#storage" class="headerlink" title="storage"></a>storage</h1><p><span class="weex-version">v0.7+</span></p>
 <h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p><code>storage</code> is a series of apis, allowing you to for example add, modify or delete stored data items.</p>
@@ -1361,7 +1334,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
 <li><code>callback</code><em>(object)</em>: the callback function after executing this action.  </li>
 </ul>
 <h2 id="Example-1"><a href="#Example-1" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"list"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group center"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;state&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&g
 t;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setItem"</span>&gt;</span>set<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<sp
 an class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"getItem"</span>&gt;</span>get<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"removeItem"</span>&gt;</span>remove<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class=
 "string">"text"</span> @<span class="attr">click</span>=<span class="string">"getAll"</span>&gt;</span>all<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> storage = weex.requireModule(<span class="string">'storage'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span cla
 ss="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">keys</span>: <span class="string">'[]'</span>,</div><div class="line">        <span class="attr">length</span>: <span class="number">0</span>,</div><div class="line">        <span class="attr">state</span>: <span class="string">'----'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      setItem () &#123;</div><div class="line">        storage.setItem(<span class="string">'name'</span>, <span class="string">'Hanks'</span>, event =&gt; &#123;</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'set success'</span></div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'set success'</sp
 an>)</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      getItem () &#123;</div><div class="line">        storage.getItem(<span class="string">'name'</span>, event =&gt; &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'get value:'</span>, event.data)</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'value: '</span> + event.data</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      removeItem () &#123;</div><div class="line">        storage.removeItem(<span class="string">'name'</span>, event =&gt; &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'delete value:'</span>, event.data)</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'deleted'</span></div><div class="line">        &#125
 ;)</div><div class="line">      &#125;,</div><div class="line">      getAll () &#123;</div><div class="line">        storage.getAllKeys(<span class="function"><span class="params">event</span> =&gt;</span> &#123;</div><div class="line">          <span class="comment">// modal.toast(&#123; message: event.result &#125;)</span></div><div class="line">          <span class="keyword">if</span> (event.result === <span class="string">'success'</span>) &#123;</div><div class="line">            modal.toast(&#123;</div><div class="line">              <span class="attr">message</span>: <span class="string">'props: '</span> + event.data.join(<span class="string">', '</span>)</div><div class="line">            &#125;)</div><div class="line">          &#125;</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div c
 lass="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <s
 pan class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-between;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">50px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.center</span> &#123;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>
 : <span class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.small</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div c
 lass="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/storage.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/3fdd3e2d1646ca41199d80c7be799858" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1383,7 +1356,7 @@ APIsetItem(key, value, callback)When passed a key name and value, will add that
           <a href="/references/modules/storage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/storage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/references/modules/stream.html b/content/references/modules/stream.html
index 50d5b15..103c6db 100644
--- a/content/references/modules/stream.html
+++ b/content/references/modules/stream.html
@@ -5,49 +5,6 @@
   
   <title>stream | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="streamA series of stream api. It provides a network request.
 APIfetch(options, callback,progressCallback)Start a network request, use two callbacks to receive server\u2019s response data.
 Arguments
@@ -62,7 +19,7 @@ APIfetch(options, callback,progressCallback)Start a network request, use two cal
 Arguments
 
 option">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="stream">
 <meta name="twitter:description" content="streamA series of stream api. It provides a network request.
@@ -127,13 +84,29 @@ option">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/stream.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ option">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -589,11 +562,11 @@ option">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -709,12 +682,12 @@ option">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ option">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1176,11 +1149,11 @@ option">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1296,12 +1269,12 @@ option">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1319,7 +1292,7 @@ option">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1337,7 +1310,7 @@ option">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="stream"><a href="#stream" class="headerlink" title="stream"></a>stream</h1><p>A series of stream api. It provides a network request.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="fetch-options-callback-progressCallback"><a href="#fetch-options-callback-progressCallback" class="headerlink" title="fetch(options, callback,progressCallback)"></a>fetch(options, callback,progressCallback)</h3><p>Start a network request, use two callbacks to receive server\u2019s response data.</p>
@@ -1391,7 +1364,7 @@ option">
 <li>You need to set the Content-Type header to \u2018application/json\u2019 manually if you want to post the json body.</li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Weex Star :<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"count"</span>&gt;</span>&#123;&#123;weexStar&#125;&#125;<span class="tag
 ">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Vue Star :<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"count"</span>&gt;</span>&#123;&#123;vueStar&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span
  class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> stream = weex.requireModule(<span class="string">'stream'</span>)</div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">weexStar</span>: <span class="string">'unknown'</span>,</div><div class="line">        <span class="attr">vueStar</span>: <span class="string">'unknown'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line"></div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      getStarCount (repo, callback) &#123;</div>
 <div class="line">        <span class="keyword">return</span> stream.fetch(&#123;</div><div class="line">          <span class="attr">method</span>: <span class="string">'GET'</span>,</div><div class="line">          <span class="attr">type</span>: <span class="string">'json'</span>,</div><div class="line">          <span class="attr">url</span>: <span class="string">'https://api.github.com/repos/'</span> + repo</div><div class="line">        &#125;, callback)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">this</span>.getStarCount(<span class="string">'alibaba/weex'</span>, res =&gt; &#123;</div><div class="line">        <span class="keyword">this</span>.weexStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line">      &#125;)</div><div class="line">      <span class="keyword">this</span>.getStarCount(<span c
 lass="string">'vuejs/vue'</span>, res =&gt; &#123;</div><div class="line">        <span class="keyword">this</span>.vueStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line">      &#125;)</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">f
 lex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">40px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.count</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">font-weight</span>: bold;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">12px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class
 ="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/stream.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/29bbf2d49fc8a204f98240044bbe211a" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1413,7 +1386,7 @@ option">
           <a href="/references/modules/stream.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/stream.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/websocket.html
----------------------------------------------------------------------
diff --git a/content/references/modules/websocket.html b/content/references/modules/websocket.html
index 6d99642..5842dad 100644
--- a/content/references/modules/websocket.html
+++ b/content/references/modules/websocket.html
@@ -5,56 +5,13 @@
   
   <title>WebSocket | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="WebSocketSummaryWebSockets is an advanced technology that makes it possible to open an interactive communication session between the user\u2019s H5/iOS/android and a server. With this API, you can send mes">
 <meta property="og:type" content="website">
 <meta property="og:title" content="WebSocket">
 <meta property="og:url" content="https://weex.apache.org/references/modules/websocket.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="WebSocketSummaryWebSockets is an advanced technology that makes it possible to open an interactive communication session between the user\u2019s H5/iOS/android and a server. With this API, you can send mes">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="WebSocket">
 <meta name="twitter:description" content="WebSocketSummaryWebSockets is an advanced technology that makes it possible to open an interactive communication session between the user\u2019s H5/iOS/android and a server. With this API, you can send mes">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/websocket.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/websocket.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link current ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="WebSocket"><a href="#WebSocket" class="headerlink" title="WebSocket"></a>WebSocket</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>WebSockets is an advanced technology that makes it possible to open an interactive communication session between the user\u2019s H5/iOS/android and a server. With this API, you can send messages to a server and receive event-driven responses without having to poll the server for a reply</p>
 <h2 id="Notes"><a href="#Notes" class="headerlink" title="Notes:"></a><strong>Notes:</strong></h2><ul>
@@ -1378,8 +1351,8 @@
 </ul>
 </li>
 </ul>
-<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: white"</span>&gt;</span>websocket<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span 
 class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span></span></div><div class="line">        <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line">        <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line">        <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line">        <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line">        <span class="attr">value</span>=<span class="string">""</span></div><div class="line">        <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line">        <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line">        <span class="attr">id</span> = <span class="string">"input"</span></div><div class="line">      /&gt;</div><div 
 class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;connect&#125;&#125;"</span>&gt;</span>connect<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;send&#125;&#125;"</span>&gt;</span>send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span
 > <span class="attr">onclick</span>=<span class="string">"&#123;&#123;close&#125;&#125;"</span>&gt;</span>close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <spa
 n class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onopen<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"co
 lor: black;height: 80px"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onmessage<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 400px"</span>&gt;</span>&#123;&#123;onmessage&#125;&
 #125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onclose<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></d
 iv><div class="line"></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = onerror<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">      <span class="tag">&lt
 ;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: lightgray"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80px ;padding: 20px;color: black"</span>&gt;</span>method = close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: black;height: 80px"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line"></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span cl
 ass="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">80px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <s
 pan class="attribute">width</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 
 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</span>);</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">connectinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onmessage</span>: <span class="string">''</span>,</div><div class="l
 ine">      <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line">      <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line">      <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line">      <span class="attr">baseURL</span>: <span class="string">''</span>,</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span class="function"><span class="keyword">function<
 /span>(<span class="params"></span>) </span>&#123;</div><div class="line">        websocket.WebSocket(<span class="string">'ws://115.29.193.48:8088'</span>,<span class="string">''</span>);</div><div class="line">        <span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line">        websocket.onopen = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="built_in">JSON</span>.stringify(e);</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onerror = <span class="function"><span class="keyw
 ord">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onerrorinfo = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        <span class="keyword">var</span> input = <span class="keyword">this</span>.$el(<span class="string">'input'</span>);</div><div class="line">        input.blur();</div><div class="line">        websocket.send(<span class="keyword">this</span>.txtInput);</div><div class="line">      
   <span class="keyword">this</span>.sendinfo = <span class="keyword">this</span>.txtInput;</div><div class="line"></div><div class="line">      &#125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</div><div class="line">      &#125;,</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="http://dotwe.org/weex/993f33173a712fecfb61c1c4b03bcb70" target="_blank" rel="external">Have a try</a></p>
+<h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #286090"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #FFFFFF"</span>&gt;</span>websocket<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span cl
 ass="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span></span></div><div class="line">              <span class="attr">type</span>=<span class="string">"text"</span></div><div class="line">              <span class="attr">placeholder</span>=<span class="string">"please input message to send"</span></div><div class="line">              <span class="attr">class</span>=<span class="string">"input"</span></div><div class="line">              <span class="attr">autofocus</span>=<span class="string">"false"</span></div><div class="line">              <span class="attr">value</span>=<span class="string">""</span></div><div class="line">              <span class="attr">onchange</span>=<span class="string">"onchange"</span></div><div class="line">              <span class="attr">oninput</span>=<span class="string">"oninput"</span></div><div class="line">              <span class="attr">id</span> = <span class="string">"input"</span>
 </div><div class="line">      /&gt;</div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row; justify-content: center;"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;connect&#125;&#125;"</span>&gt;</span>connect<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;send&#125;&#125;"</span>&gt;</span>send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">cl
 ass</span>=<span class="string">"button"</span> <span class="attr">onclick</span>=<span class="string">"&#123;&#123;close&#125;&#125;"</span>&gt;</span>close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3;margin-top: 20"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = send<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<s
 pan class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;sendinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onopen<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height
 : 80"</span>&gt;</span>&#123;&#123;onopeninfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onmessage<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 100"</span>&gt;</span>&#123;&#123;onmessage&#125;&#125;<span class="tag">&lt;/<span class="name">
 text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onclose<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;oncloseinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</sp
 an> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = onerror<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;onerrorinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"background-color: #D3D3D3"</span>&gt;</spa
 n></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span> <span class="attr">style</span>=<span class="string">"height: 80 ;padding: 20;color: #000000"</span>&gt;</span>method = close<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"color: #000000;height: 80"</span>&gt;</span>&#123;&#123;closeinfo&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div>
 <div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">80</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">150</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class=
 "line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">10</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">10</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">20</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">s
 cript</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> websocket = <span class="built_in">require</span>(<span class="string">'@weex-module/webSocket'</span>);</div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">connectinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">sendinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onopeninfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onmessage</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">oncloseinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">onerrorinfo</span>: <span class="string">''</span>,</div><div class="line">      <span clas
 s="attr">closeinfo</span>: <span class="string">''</span>,</div><div class="line">      <span class="attr">txtInput</span>:<span class="string">''</span>,</div><div class="line">      <span class="attr">navBarHeight</span>: <span class="number">88</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Navigator'</span>,</div><div class="line">      <span class="attr">dir</span>: <span class="string">'examples'</span>,</div><div class="line">      <span class="attr">baseURL</span>: <span class="string">''</span>,</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">connect</span>:<span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</div><div class="line">        websocket.WebSocket(<span class="string">'ws://echo.websocket.org'</span>,<span class="string">''</span>);</div><div class="line">        <
 span class="keyword">var</span> self = <span class="keyword">this</span>;</div><div class="line">        self.onopeninfo = <span class="string">'connecting...'</span></div><div class="line">        websocket.onopen = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">'websocket open'</span>;</div><div class="line">        &#125;</div><div class="line">        websocket.onmessage = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onmessage = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onerror = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          s
 elf.onerrorinfo = e.data;</div><div class="line">        &#125;</div><div class="line">        websocket.onclose = <span class="function"><span class="keyword">function</span>(<span class="params">e</span>)</span></div><div class="line">        &#123;</div><div class="line">          self.onopeninfo = <span class="string">''</span>;</div><div class="line">          self.onerrorinfo = e.code;</div><div class="line">        &#125;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">send</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        <span class="keyword">var</span> input = <span class="keyword">this</span>.$el(<span class="string">'input'</span>);</div><div class="line">        input.blur();</div><div class="line">        websocket.send(<span class="keyword">this</span>.txtInput);</div><div class="line">        <span class="keyword">this</span>.sendinfo = <
 span class="keyword">this</span>.txtInput;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">oninput</span>: <span class="function"><span class="keyword">function</span>(<span class="params">event</span>) </span>&#123;</div><div class="line">        <span class="keyword">this</span>.txtInput = event.value;</div><div class="line">      &#125;,</div><div class="line">      <span class="attr">close</span>:<span class="function"><span class="keyword">function</span>(<span class="params">e</span>) </span>&#123;</div><div class="line">        websocket.close();</div><div class="line">      &#125;,</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
+<p><a href="http://dotwe.org/weex/0256bbfc448f0fdbe8b10ba311c947b4" target="_blank" rel="external">Have a try</a></p>
 
   </div>
   
@@ -1401,7 +1374,7 @@
           <a href="/references/modules/websocket.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/websocket.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/websocket.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[05/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/syntax/style-n-class.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/syntax/style-n-class.html b/content/v-0.10/guide/syntax/style-n-class.html
index 1b8c8f8..f3fef51 100644
--- a/content/v-0.10/guide/syntax/style-n-class.html
+++ b/content/v-0.10/guide/syntax/style-n-class.html
@@ -5,49 +5,6 @@
   
   <title>Style &amp; Class | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Style &amp;amp; ClassThe Basic SyntaxCSS style description can be viewed as a series of key-value pairs,each of which describes a particular style, such as the width and height of a component.
 .box &amp;#123;">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Style &amp;amp; ClassThe Basic SyntaxCSS style description can be viewed as a series of key-value pairs,each of which describes a particular style, such as the width and height of a component.
 .box &amp;#123;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Style & Class">
 <meta name="twitter:description" content="Style &amp;amp; ClassThe Basic SyntaxCSS style description can be viewed as a series of key-value pairs,each of which describes a particular style, such as the width and height of a component.
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/style-n-class.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -550,7 +523,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Style-amp-Class"><a href="#Style-amp-Class" class="headerlink" title="Style &amp; Class"></a>Style &amp; Class</h1><h2 id="The-Basic-Syntax"><a href="#The-Basic-Syntax" class="headerlink" title="The Basic Syntax"></a>The Basic Syntax</h2><p>CSS style description can be viewed as a series of key-value pairs,each of which describes a particular style, such as the width and height of a component.</p>
 <figure class="highlight css"><table><tr><td class="code"><pre><div class="line"><span class="selector-class">.box</span> &#123;</div><div class="line">  <span class="attribute">width</span>: <span class="number">400</span>; </div><div class="line">  <span class="attribute">height</span>: <span class="number">50</span>;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -602,7 +575,7 @@
           <a href="/v-0.10/guide/syntax/style-n-class.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/style-n-class.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/api.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/api.html b/content/v-0.10/references/api.html
index 203cf71..ce99b40 100644
--- a/content/v-0.10/references/api.html
+++ b/content/v-0.10/references/api.html
@@ -5,49 +5,6 @@
   
   <title>Component APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="APIsYou can access these apis through this(Vm) context in script methods.
 e.g.
 &amp;lt;script&amp;gt;module.exports = &amp;#123;    methods: &amp;#123;        somemethod: function() &amp;#123;            this.$vm(&apos;someId">
@@ -58,7 +15,7 @@ e.g.
 <meta property="og:description" content="APIsYou can access these apis through this(Vm) context in script methods.
 e.g.
 &amp;lt;script&amp;gt;module.exports = &amp;#123;    methods: &amp;#123;        somemethod: function() &amp;#123;            this.$vm(&apos;someId">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Component APIs">
 <meta name="twitter:description" content="APIsYou can access these apis through this(Vm) context in script methods.
@@ -121,13 +78,29 @@ e.g.
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/api.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/api.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ e.g.
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -431,11 +404,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -863,11 +836,11 @@ e.g.
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1021,7 +994,7 @@ e.g.
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="APIs"><a href="#APIs" class="headerlink" title="APIs"></a>APIs</h1><p>You can access these apis through <code>this</code>(Vm) context in script methods.</p>
 <p>e.g.</p>
@@ -1088,7 +1061,7 @@ e.g.
           <a href="/v-0.10/references/api.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/api.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/api.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/cheatsheet.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/cheatsheet.html b/content/v-0.10/references/cheatsheet.html
index a08c5bf..c22ad97 100644
--- a/content/v-0.10/references/cheatsheet.html
+++ b/content/v-0.10/references/cheatsheet.html
@@ -5,49 +5,6 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex Cheat SheetNative Components
 
 
@@ -96,7 +53,7 @@ clickappeardisappear
 
 
 &amp;lt;text">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
 <meta name="twitter:description" content="Weex Cheat SheetNative Components
@@ -178,13 +135,29 @@ clickappeardisappear
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/cheatsheet.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -203,7 +176,7 @@ clickappeardisappear
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -221,7 +194,7 @@ clickappeardisappear
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -282,7 +255,7 @@ clickappeardisappear
   <div class="article-entry" itemprop="articleBody">
     <header class="article-header">
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-Cheat-Sheet"><a href="#Weex-Cheat-Sheet" class="headerlink" title="Weex Cheat Sheet"></a>Weex Cheat Sheet</h1><h2 id="Native-Components"><a href="#Native-Components" class="headerlink" title="Native Components"></a>Native Components</h2><table>
 <thead>
@@ -513,7 +486,7 @@ clickappeardisappear
           <a href="/v-0.10/references/cheatsheet.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/cheatsheet.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/color-names.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/color-names.html b/content/v-0.10/references/color-names.html
index 972b80c..dc6679e 100644
--- a/content/v-0.10/references/color-names.html
+++ b/content/v-0.10/references/color-names.html
@@ -5,49 +5,6 @@
   
   <title>List of the names of colors | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="List of the names of colorsBasic color keywords:
 
 
@@ -130,7 +87,7 @@ purple
 
 fuchsia
 #FF00F">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="List of the names of colors">
 <meta name="twitter:description" content="List of the names of colorsBasic color keywords:
@@ -229,13 +186,29 @@ fuchsia
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/color-names.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -252,7 +225,7 @@ fuchsia
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -539,11 +512,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -971,11 +944,11 @@ fuchsia
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1129,7 +1102,7 @@ fuchsia
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="List-of-the-names-of-colors"><a href="#List-of-the-names-of-colors" class="headerlink" title="List of the names of colors"></a>List of the names of colors</h1><h3 id="Basic-color-keywords"><a href="#Basic-color-keywords" class="headerlink" title="Basic color keywords:"></a>Basic color keywords:</h3><table>
 <thead>
@@ -1824,7 +1797,7 @@ fuchsia
           <a href="/v-0.10/references/color-names.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/color-names.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/color-names.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/common-attrs.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/common-attrs.html b/content/v-0.10/references/common-attrs.html
index 728df46..5306575 100644
--- a/content/v-0.10/references/common-attrs.html
+++ b/content/v-0.10/references/common-attrs.html
@@ -5,56 +5,13 @@
   
   <title>Common Attribute | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common AttributeAttributes provide additional information about weex tags. All weex tags can have attributes, attributes are always specified in the start tag and usually come in name/value pairs like">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Common Attribute">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/common-attrs.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Common AttributeAttributes provide additional information about weex tags. All weex tags can have attributes, attributes are always specified in the start tag and usually come in name/value pairs like">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Attribute">
 <meta name="twitter:description" content="Common AttributeAttributes provide additional information about weex tags. All weex tags can have attributes, attributes are always specified in the start tag and usually come in name/value pairs like">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-attrs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-attrs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Attribute"><a href="#Common-Attribute" class="headerlink" title="Common Attribute"></a>Common Attribute</h1><p>Attributes provide additional information about weex tags. All weex tags can have attributes, attributes are always specified in the start tag and usually come in name/value pairs like: name=\u201dvalue\u201d. Mustache can be used inside a value.<br>All of weex tags have the following attributes\uff1a  </p>
 <h2 id="id"><a href="#id" class="headerlink" title="id"></a>id</h2><p>Specifies a unique id for an element in <code>&lt;template&gt;</code> scope. With <code>id</code> attribute you can easily refer a weex tag.    </p>
@@ -1068,7 +1041,7 @@
           <a href="/v-0.10/references/common-attrs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-attrs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-attrs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/common-event.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/common-event.html b/content/v-0.10/references/common-event.html
index 8b3c922..559b13c 100644
--- a/content/v-0.10/references/common-event.html
+++ b/content/v-0.10/references/common-event.html
@@ -5,56 +5,13 @@
   
   <title>Common Events | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Common Events">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/references/common-event.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Events">
 <meta name="twitter:description" content="Common EventsWeex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex compon">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-event.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -425,11 +398,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -857,11 +830,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1015,7 +988,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Events"><a href="#Common-Events" class="headerlink" title="Common Events"></a>Common Events</h1><p>Weex provide the ability to let events trigger action, like starting a JavaScript when a user click on a component. Bellow are the common event attributes that can be added to weex components to define event actions.    </p>
 <h2 id="Click-event"><a href="#Click-event" class="headerlink" title="Click event"></a>Click event</h2><p>The onclick attribute fires on a click gesture on the element.<br><strong>Notes: </strong> The <code>input</code> and <code>switch</code> component does not currently support the <code>click</code> event, please use <code>change</code> or <code>input</code> event instead.    </p>
@@ -1113,7 +1086,7 @@
           <a href="/v-0.10/references/common-event.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-event.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-event.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/common-style.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/common-style.html b/content/v-0.10/references/common-style.html
index d5ada6b..6263332 100644
--- a/content/v-0.10/references/common-style.html
+++ b/content/v-0.10/references/common-style.html
@@ -5,49 +5,6 @@
   
   <title>Common Style | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common StyleAll of weex tags share some common style rules
 Box Model
 Weex box model based on the CSS box model, all of weex elements can be considered as boxes.  The term \u201cbox model\u201d is used when talk">
@@ -62,7 +19,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-justify.svg">
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-align.jpg">
 <meta property="og:image" content="https://weex.apache.org/./images/css-flexbox-sample.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Style">
 <meta name="twitter:description" content="Common StyleAll of weex tags share some common style rules
@@ -126,13 +83,29 @@ Weex box model based on the CSS box model, all of weex elements can be considere
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/common-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -436,11 +409,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -868,11 +841,11 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1026,7 +999,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Style"><a href="#Common-Style" class="headerlink" title="Common Style"></a>Common Style</h1><p>All of weex tags share some common style rules</p>
 <h2 id="Box-Model"><a href="#Box-Model" class="headerlink" title="Box Model"></a>Box Model</h2><p><img src="./images/css-boxmodel.png" alt="box model"></p>
@@ -1168,7 +1141,7 @@ Weex box model based on the CSS box model, all of weex elements can be considere
           <a href="/v-0.10/references/common-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/common-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/common-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/component-defs.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/component-defs.html b/content/v-0.10/references/component-defs.html
index 4b84eba..e306046 100644
--- a/content/v-0.10/references/component-defs.html
+++ b/content/v-0.10/references/component-defs.html
@@ -5,49 +5,6 @@
   
   <title>Component Definition | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Component DefinitionA component definition is a set of options to describe a component. It\u2019s always assigned to module.exports in &amp;lt;script&amp;gt;.
 module.exports = &amp;#123;  // a set of options here&amp;#125">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Component DefinitionA component definition is a set of options to describe a component. It\u2019s always assigned to module.exports in &amp;lt;script&amp;gt;.
 module.exports = &amp;#123;  // a set of options here&amp;#125">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Component Definition">
 <meta name="twitter:description" content="Component DefinitionA component definition is a set of options to describe a component. It\u2019s always assigned to module.exports in &amp;lt;script&amp;gt;.
@@ -118,13 +75,29 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/component-defs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/component-defs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Component-Definition"><a href="#Component-Definition" class="headerlink" title="Component Definition"></a>Component Definition</h1><p>A component definition is a set of options to describe a component. It\u2019s always assigned to <code>module.exports</code> in <code>&lt;script&gt;</code>.</p>
 <figure class="highlight javascript"><table><tr><td class="code"><pre><div class="line"><span class="built_in">module</span>.exports = &#123;</div><div class="line">  <span class="comment">// a set of options here</span></div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -1060,7 +1033,7 @@ module.exports = &amp;#123;  // a set of options here&amp;#125">
           <a href="/v-0.10/references/component-defs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/component-defs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/component-defs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/a.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/a.html b/content/v-0.10/references/components/a.html
index 4646f94..e1c0435 100644
--- a/content/v-0.10/references/components/a.html
+++ b/content/v-0.10/references/components/a.html
@@ -5,49 +5,6 @@
   
   <title>&lt;a&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
 Child ComponentsThis type of component supports all kinds of weex component as it\u2019s child comp">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<a>">
 <meta name="twitter:description" content="&amp;lt;a&amp;gt;a defines a hyperlink to a page in the web. Its purpose and syntax is very similar to  in HTML5.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kinds of weex component as i
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/a.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link current ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-a-gt"><a href="#lt-a-gt" class="headerlink" title="&lt;a&gt;"></a>&lt;a&gt;</h1><p><code>a</code> defines a hyperlink to a page in the web. Its purpose and syntax is very similar to <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" target="_blank" rel="external"><a></a> in HTML5.</a></p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>This type of component supports all kinds of weex component as it\u2019s child components except for its own kind.</p>
@@ -1052,7 +1025,7 @@ Child ComponentsThis type of component supports all kinds of weex component as i
           <a href="/v-0.10/references/components/a.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/a.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/a.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/cell.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/cell.html b/content/v-0.10/references/components/cell.html
index be4a52b..c130bbe 100644
--- a/content/v-0.10/references/components/cell.html
+++ b/content/v-0.10/references/components/cell.html
@@ -5,49 +5,6 @@
   
   <title>&lt;cell&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
 Child ComponentsThis type of component supports all kind">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Child ComponentsThis type of component supports all kind">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
 Child ComponentsThis type of component supports all kind">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<cell>">
 <meta name="twitter:description" content="&amp;lt;cell&amp;gt;SummaryThis component must be used as a subcomponent of a list component, which is for the performance optimizing during scrolling.
@@ -118,13 +75,29 @@ Child ComponentsThis type of component supports all kind">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/cell.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Child ComponentsThis type of component supports all kind">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ Child ComponentsThis type of component supports all kind">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ Child ComponentsThis type of component supports all kind">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-cell-gt"><a href="#lt-cell-gt" class="headerlink" title="&lt;cell&gt;"></a>&lt;cell&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>This component must be used as a subcomponent of a <a href="./list.html"><code>list</code></a> component, which is for the performance optimizing during scrolling.</p>
 <h3 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h3><p>This type of component supports all kinds of weex component as its child components.</p>
@@ -1058,7 +1031,7 @@ Child ComponentsThis type of component supports all kind">
           <a href="/v-0.10/references/components/cell.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/cell.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/cell.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/div.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/div.html b/content/v-0.10/references/components/div.html
index 4d3c0aa..3942825 100644
--- a/content/v-0.10/references/components/div.html
+++ b/content/v-0.10/references/components/div.html
@@ -5,49 +5,6 @@
   
   <title>&lt;div&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
 alias: &amp;lt;container&amp;gt; (depre">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ alias: &amp;lt;container&amp;gt; (depre">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
 alias: &amp;lt;container&amp;gt; (depre">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<div>">
 <meta name="twitter:description" content="&amp;lt;div&amp;gt;SummaryThe most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.
@@ -118,13 +75,29 @@ alias: &amp;lt;container&amp;gt; (depre">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/div.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ alias: &amp;lt;container&amp;gt; (depre">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ alias: &amp;lt;container&amp;gt; (depre">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ alias: &amp;lt;container&amp;gt; (depre">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-div-gt"><a href="#lt-div-gt" class="headerlink" title="&lt;div&gt;"></a>&lt;div&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The most fundamental component which is a contianer to wrap any other components. It supports all the common styles, attributes and layout of flexbox.</p>
 <p>alias: <code>&lt;container&gt;</code> (deprecated)</p>
@@ -1058,7 +1031,7 @@ alias: &amp;lt;container&amp;gt; (depre">
           <a href="/v-0.10/references/components/div.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/div.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/div.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/image.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/image.html b/content/v-0.10/references/components/image.html
index 01acfb9..82f3f60 100644
--- a/content/v-0.10/references/components/image.html
+++ b/content/v-0.10/references/components/image.html
@@ -5,49 +5,6 @@
   
   <title>&lt;image&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
 Notes: the styles of width and height should be specified,">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Notes: the styles of width and height should be specified,">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
 Notes: the styles of width and height should be specified,">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<image>">
 <meta name="twitter:description" content="&amp;lt;image&amp;gt;Summaryimage tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use img as alias.
@@ -118,13 +75,29 @@ Notes: the styles of width and height should be specified,">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/image.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Notes: the styles of width and height should be specified,">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -428,11 +401,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -860,11 +833,11 @@ Notes: the styles of width and height should be specified,">
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1018,7 +991,7 @@ Notes: the styles of width and height should be specified,">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="lt-image-gt"><a href="#lt-image-gt" class="headerlink" title="&lt;image&gt;"></a>&lt;image&gt;</h1><h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p><code>image</code> tag is used to render a specified picture, and it shouldn\u2019t contain any child component. You can use <code>img</code> as alias.</p>
 <p><strong>Notes:</strong> the styles of <code>width</code> and <code>height</code> should be specified, otherwise it won\u2019t work.</p>
@@ -1067,7 +1040,7 @@ Notes: the styles of width and height should be specified,">
           <a href="/v-0.10/references/components/image.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/image.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/image.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/references/components/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/references/components/index.html b/content/v-0.10/references/components/index.html
index 0e2b84f..65a1dfa 100644
--- a/content/v-0.10/references/components/index.html
+++ b/content/v-0.10/references/components/index.html
@@ -5,49 +5,6 @@
   
   <title>Build-in Components | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Build-in Components
 &amp;lt;a&amp;gt;
 &amp;lt;indicator&amp;gt;
@@ -80,7 +37,7 @@
 &amp;lt;list&amp;gt;
 &amp;lt;cell&amp;gt;
 &amp;lt;refresh&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Build-in Components">
 <meta name="twitter:description" content="Build-in Components
@@ -154,13 +111,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/references/components/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -177,7 +150,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -464,11 +437,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -896,11 +869,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
-                <a href="/v-0.10/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/v-0.10/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1054,7 +1027,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Build-in-Components"><a href="#Build-in-Components" class="headerlink" title="Build-in Components"></a>Build-in Components</h1><ul>
 <li><a href="./a.html">&lt;a&gt;</a></li>
@@ -1094,7 +1067,7 @@
           <a href="/v-0.10/references/components/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/references/components/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/references/components/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>



[07/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/web-standards.html
----------------------------------------------------------------------
diff --git a/content/references/web-standards.html b/content/references/web-standards.html
index cb21836..f5a2169 100644
--- a/content/references/web-standards.html
+++ b/content/references/web-standards.html
@@ -5,49 +5,6 @@
   
   <title>Web standards | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Web standardsHTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11
 Overview
 
@@ -108,7 +65,7 @@ supported
 
 97%
 &amp;lt;title&amp;g">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Web standards">
 <meta name="twitter:description" content="Web standardsHTMLrefs: https://www.advancedwebranking.com/html/ 2016-12-11
@@ -196,13 +153,29 @@ supported
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/web-standards.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/web-standards.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -219,7 +192,7 @@ supported
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -658,11 +631,11 @@ supported
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -778,12 +751,12 @@ supported
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -801,7 +774,7 @@ supported
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1245,11 +1218,11 @@ supported
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1365,12 +1338,12 @@ supported
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1388,7 +1361,7 @@ supported
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1406,7 +1379,7 @@ supported
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Web-standards"><a href="#Web-standards" class="headerlink" title="Web standards"></a>Web standards</h1><h2 id="HTML"><a href="#HTML" class="headerlink" title="HTML"></a>HTML</h2><p>refs: <a href="https://www.advancedwebranking.com/html/" target="_blank" rel="external">https://www.advancedwebranking.com/html/</a> 2016-12-11</p>
 <h3 id="Overview"><a href="#Overview" class="headerlink" title="Overview"></a>Overview</h3><table>
@@ -3832,7 +3805,7 @@ supported
           <a href="/references/web-standards.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/web-standards.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/web-standards.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/weex-variable.html
----------------------------------------------------------------------
diff --git a/content/references/weex-variable.html b/content/references/weex-variable.html
index 6e7fd7c..86ca33c 100644
--- a/content/references/weex-variable.html
+++ b/content/references/weex-variable.html
@@ -5,49 +5,6 @@
   
   <title>Weex Variable | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex instance variableEach Weex page has a separate weex variable, which exists in the JS context. They hold a single instance or method of the current Weex page.   
 weex.config
 This variable contains">
@@ -58,7 +15,7 @@ This variable contains">
 <meta property="og:description" content="Weex instance variableEach Weex page has a separate weex variable, which exists in the JS context. They hold a single instance or method of the current Weex page.   
 weex.config
 This variable contains">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex Variable">
 <meta name="twitter:description" content="Weex instance variableEach Weex page has a separate weex variable, which exists in the JS context. They hold a single instance or method of the current Weex page.   
@@ -121,13 +78,29 @@ This variable contains">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/weex-variable.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/weex-variable.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ This variable contains">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ This variable contains">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ This variable contains">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ This variable contains">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ This variable contains">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ This variable contains">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ This variable contains">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ This variable contains">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Weex-instance-variable"><a href="#Weex-instance-variable" class="headerlink" title="Weex instance variable"></a>Weex instance variable</h1><p>Each Weex page has a separate weex variable, which exists in the JS context. They hold a single instance or method of the current Weex page.   </p>
 <p><code>weex.config</code></p>
@@ -1384,7 +1357,7 @@ This variable contains">
           <a href="/references/weex-variable.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/weex-variable.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/weex-variable.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/extend-to-android.html b/content/v-0.10/advanced/extend-to-android.html
index c681c38..5c2366b 100644
--- a/content/v-0.10/advanced/extend-to-android.html
+++ b/content/v-0.10/advanced/extend-to-android.html
@@ -5,56 +5,13 @@
   
   <title>Extend to Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to AndroidModule extendweex sdk support Module extend,Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you w">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to Android">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/advanced/extend-to-android.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to AndroidModule extendweex sdk support Module extend,Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you w">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to Android">
 <meta name="twitter:description" content="Extend to AndroidModule extendweex sdk support Module extend,Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you w">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Extend-to-Android"><a href="#Extend-to-Android" class="headerlink" title="Extend to Android"></a>Extend to Android</h1><h3 id="Module-extend"><a href="#Module-extend" class="headerlink" title="Module extend"></a>Module extend</h3><p>weex sdk support Module extend,<br>Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want the these features, you need to implement it.</p>
 <p>For example: If you want to implement an address jumping function, you can achieve a Module Follow the steps below.</p>
@@ -380,7 +353,7 @@
           <a href="/v-0.10/advanced/extend-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/extend-to-html5.html b/content/v-0.10/advanced/extend-to-html5.html
index 3f3614a..53c1679 100644
--- a/content/v-0.10/advanced/extend-to-html5.html
+++ b/content/v-0.10/advanced/extend-to-html5.html
@@ -5,56 +5,13 @@
   
   <title>Extend to web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend Weex HTML5IntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects. You can build your own components on web platform or native platform by extending th">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to web">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/advanced/extend-to-html5.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend Weex HTML5IntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects. You can build your own components on web platform or native platform by extending th">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to web">
 <meta name="twitter:description" content="Extend Weex HTML5IntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects. You can build your own components on web platform or native platform by extending th">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Extend-Weex-HTML5"><a href="#Extend-Weex-HTML5" class="headerlink" title="Extend Weex HTML5"></a>Extend Weex HTML5</h1><h3 id="Intro"><a href="#Intro" class="headerlink" title="Intro"></a>Intro</h3><p>Weex is a extendable cross-platform solution for dynamic programming and publishing projects. You can build your own components on web platform or native platform by extending the components system. Also you can extend weex by adding new methods for one module, new moudles or new bundle loaders. Follow the steps bellow you can dive into the journy of creating multiple builtin components, APIs and loaders.</p>
 <p>First of all, components, APIs and loaders are extensions to weex, so you can create your extensions without requiring the weex package, that means your extensions can be totally standalone. </p>
@@ -382,7 +355,7 @@
           <a href="/v-0.10/advanced/extend-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/extend-to-ios.html b/content/v-0.10/advanced/extend-to-ios.html
index bcb6843..7459df9 100644
--- a/content/v-0.10/advanced/extend-to-ios.html
+++ b/content/v-0.10/advanced/extend-to-ios.html
@@ -5,56 +5,13 @@
   
   <title>Extend to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to iOS">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/advanced/extend-to-ios.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to iOS">
 <meta name="twitter:description" content="Extend to iOSModule extendWeex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to imp">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Extend-to-iOS"><a href="#Extend-to-iOS" class="headerlink" title="Extend to iOS"></a>Extend to iOS</h1><h3 id="Module-extend"><a href="#Module-extend" class="headerlink" title="Module extend"></a>Module extend</h3><p>Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want these features, you need to implement it.</p>
 <p>For example: If you want to implement an address jumping function, you can achieve a Module following the steps below.</p>
@@ -442,7 +415,7 @@
           <a href="/v-0.10/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/how-data-binding-works.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/how-data-binding-works.html b/content/v-0.10/advanced/how-data-binding-works.html
index 38fce53..aeb1355 100644
--- a/content/v-0.10/advanced/how-data-binding-works.html
+++ b/content/v-0.10/advanced/how-data-binding-works.html
@@ -5,56 +5,13 @@
   
   <title>How data-binding works | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How data-binding worksWeex JS Framework is a MVVM framework. It observe data and use {{bindedKey}} syntax to bind in views. When data is changed in anyway, the view will automatically be updated due t">
 <meta property="og:type" content="website">
 <meta property="og:title" content="How data-binding works">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/advanced/how-data-binding-works.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How data-binding worksWeex JS Framework is a MVVM framework. It observe data and use {{bindedKey}} syntax to bind in views. When data is changed in anyway, the view will automatically be updated due t">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="How data-binding works">
 <meta name="twitter:description" content="How data-binding worksWeex JS Framework is a MVVM framework. It observe data and use {{bindedKey}} syntax to bind in views. When data is changed in anyway, the view will automatically be updated due t">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/how-data-binding-works.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-data-binding-works"><a href="#How-data-binding-works" class="headerlink" title="How data-binding works"></a>How data-binding works</h1><p>Weex JS Framework is a MVVM framework. It observe data and use <code>{{bindedKey}}</code> syntax to bind in views. When data is changed in anyway, the view will automatically be updated due to data-binding.</p>
 <p>For example, The content of a <code>&lt;text&gt;</code> component is bound with the key <code>notes</code> in data:</p>
@@ -341,7 +314,7 @@
           <a href="/v-0.10/advanced/how-data-binding-works.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/index.html b/content/v-0.10/advanced/index.html
index 2998c1d..d23af6d 100644
--- a/content/v-0.10/advanced/index.html
+++ b/content/v-0.10/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>How it works | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How it works0.4
 OverviewWeex is a extendable cross-platform solution for dynamic programming and publishing projects. In the source code you can write pages or components with &amp;lt;template&amp;gt;, &amp;lt;st">
 <meta property="og:type" content="website">
@@ -58,7 +15,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
 OverviewWeex is a extendable cross-platform solution for dynamic programming and publishing projects. In the source code you can write pages or components with &amp;lt;template&amp;gt;, &amp;lt;st">
 <meta property="og:image" content="https://gtms02.alicdn.com/tps/i2/TB1ootBMpXXXXXrXXXXwi60UVXX-596-397.png">
 <meta property="og:image" content="https://gtms03.alicdn.com/tps/i3/TB1_SA4MXXXXXXGaXXXpZ8UVXXX-519-337.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="How it works">
 <meta name="twitter:description" content="How it works0.4
@@ -121,13 +78,29 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -164,7 +137,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -313,7 +286,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-it-works"><a href="#How-it-works" class="headerlink" title="How it works"></a>How it works</h1><p><span class="weex-version">0.4</span></p>
 <h2 id="Overview"><a href="#Overview" class="headerlink" title="Overview"></a>Overview</h2><p>Weex is a extendable cross-platform solution for dynamic programming and publishing projects. In the source code you can write pages or components with <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code> and <code>&lt;script&gt;</code> tags, and then transform them into bundles for deploying. In server-side we can use these JS bundles for client request. When client get a bundle from server, it will be processed by client-side JavaScript engine and manages the native view rendering, the native API invoking and user interactions.</p>
@@ -382,7 +355,7 @@ OverviewWeex is a extendable cross-platform solution for dynamic programming and
           <a href="/v-0.10/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/integrate-to-android.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/integrate-to-android.html b/content/v-0.10/advanced/integrate-to-android.html
index 950702f..5e30f6e 100644
--- a/content/v-0.10/advanced/integrate-to-android.html
+++ b/content/v-0.10/advanced/integrate-to-android.html
@@ -5,49 +5,6 @@
   
   <title>Integrate to Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate to AndroidWhen you need to use the new features or to customize specific features, you can rely on the Source SDK for development\u3002
 PrerequisitesAssuming you have the Android SDK installed, r">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Integrate to AndroidWhen you need to use the new features or to customize specific features, you can rely on the Source SDK for development\u3002
 PrerequisitesAssuming you have the Android SDK installed, r">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate to Android">
 <meta name="twitter:description" content="Integrate to AndroidWhen you need to use the new features or to customize specific features, you can rely on the Source SDK for development\u3002
@@ -118,13 +75,29 @@ PrerequisitesAssuming you have the Android SDK installed, r">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -161,7 +134,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -310,7 +283,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Integrate-to-Android"><a href="#Integrate-to-Android" class="headerlink" title="Integrate to Android"></a>Integrate to Android</h1><p>When you need to use the new features or to customize specific features, you can rely on the Source SDK for development\u3002</p>
 <h2 id="Prerequisites"><a href="#Prerequisites" class="headerlink" title="Prerequisites"></a>Prerequisites</h2><p>Assuming you have the Android SDK installed, run <code>android</code> to open the Android SDK Manager.</p>
@@ -384,7 +357,7 @@ PrerequisitesAssuming you have the Android SDK installed, r">
           <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/integrate-to-html5.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/integrate-to-html5.html b/content/v-0.10/advanced/integrate-to-html5.html
index bfde74a..b627f21 100644
--- a/content/v-0.10/advanced/integrate-to-html5.html
+++ b/content/v-0.10/advanced/integrate-to-html5.html
@@ -5,56 +5,13 @@
   
   <title>Integrate to web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Integrate Weex HTML5 to your projectIntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects, which is for developers to write code once and run the code every">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate to web">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/advanced/integrate-to-html5.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Integrate Weex HTML5 to your projectIntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects, which is for developers to write code once and run the code every">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate to web">
 <meta name="twitter:description" content="Integrate Weex HTML5 to your projectIntroWeex is a extendable cross-platform solution for dynamic programming and publishing projects, which is for developers to write code once and run the code every">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -307,7 +280,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Integrate-Weex-HTML5-to-your-project"><a href="#Integrate-Weex-HTML5-to-your-project" class="headerlink" title="Integrate Weex HTML5 to your project"></a>Integrate Weex HTML5 to your project</h1><h3 id="Intro"><a href="#Intro" class="headerlink" title="Intro"></a>Intro</h3><p>Weex is a extendable cross-platform solution for dynamic programming and publishing projects, which is for developers to write code once and run the code everywhere.</p>
 <p>The bundle transformed from the source can currently run on android, ios and web platform. Weex HTML5 is a renderer for weex bundle to run on a webview or a modern browser etc.</p>
@@ -351,7 +324,7 @@
           <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/advanced/integrate-to-ios.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/advanced/integrate-to-ios.html b/content/v-0.10/advanced/integrate-to-ios.html
index 4bd92cf..3f9113d 100644
--- a/content/v-0.10/advanced/integrate-to-ios.html
+++ b/content/v-0.10/advanced/integrate-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>Integrate to iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="import Weex iOS to your projectYou will need to build Weex from source if you want to work on a new feature/bug fix, try out the latest features not released yet, or maintain your own fork with patche">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Integrate to iOS">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="import Weex iOS to your projectYou will need to build Weex from source if you want to work on a new feature/bug fix, try out the latest features not released yet, or maintain your own fork with patche">
 <meta property="og:image" content="https://weex.apache.org//img4.tbcdn.cn/L1/461/1/4d9f4d6a8441b44e4816c7778627824fb72c58de">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Integrate to iOS">
 <meta name="twitter:description" content="import Weex iOS to your projectYou will need to build Weex from source if you want to work on a new feature/bug fix, try out the latest features not released yet, or maintain your own fork with patche">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -142,7 +115,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -160,7 +133,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -309,7 +282,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="import-Weex-iOS-to-your-project"><a href="#import-Weex-iOS-to-your-project" class="headerlink" title="import Weex iOS to your project"></a>import Weex iOS to your project</h1><p>You will need to build Weex from source if you want to work on a new feature/bug fix, try out the latest features not released yet, or maintain your own fork with patches that cannot be merged to the core.</p>
 <p>Assuming you have installed <a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">iOS Develop Environment</a> and <a href="https://guides.cocoapods.org/using/getting-started.html" target="_blank" rel="external">CocoaPods</a>. </p>
@@ -358,7 +331,7 @@
           <a href="/v-0.10/advanced/integrate-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/customize-a-native-component.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/customize-a-native-component.html b/content/v-0.10/guide/how-to/customize-a-native-component.html
index 80a237c..d7945f6 100644
--- a/content/v-0.10/guide/how-to/customize-a-native-component.html
+++ b/content/v-0.10/guide/how-to/customize-a-native-component.html
@@ -5,56 +5,13 @@
   
   <title>Customize a native Component | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to customize a native Component ?Weex has wrapped up the most critical platform components, such as ScrollView, ListView, Text, Imageview and so on. Certainly these components can not completely m">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Customize a native Component">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/customize-a-native-component.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How to customize a native Component ?Weex has wrapped up the most critical platform components, such as ScrollView, ListView, Text, Imageview and so on. Certainly these components can not completely m">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Customize a native Component">
 <meta name="twitter:description" content="How to customize a native Component ?Weex has wrapped up the most critical platform components, such as ScrollView, ListView, Text, Imageview and so on. Certainly these components can not completely m">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/customize-a-native-component.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/customize-a-native-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-customize-a-native-Component"><a href="#How-to-customize-a-native-Component" class="headerlink" title="How to customize a native Component ?"></a>How to customize a native Component ?</h1><p>Weex has wrapped up the most critical platform components, such as <code>ScrollView</code>, <code>ListView</code>, <code>Text</code>, <code>Imageview</code> and so on. Certainly these components can not completely meet your need. And  thousands of native UI components that always be using in our project may be required to integrate into Weex easily. Fortunately, it\u2019s quite convenient to wrap up your own components that should be from any existing components.</p>
 <h5 id="Step-By-Step"><a href="#Step-By-Step" class="headerlink" title="Step By Step"></a>Step By Step</h5><ol>
@@ -583,7 +556,7 @@
           <a href="/v-0.10/guide/how-to/customize-a-native-component.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/customize-a-native-component.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/customize-a-native-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/cuszomize-native-apis.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/cuszomize-native-apis.html b/content/v-0.10/guide/how-to/cuszomize-native-apis.html
index 3f2f1b8..21d84d2 100644
--- a/content/v-0.10/guide/how-to/cuszomize-native-apis.html
+++ b/content/v-0.10/guide/how-to/cuszomize-native-apis.html
@@ -5,56 +5,13 @@
   
   <title>Customize native APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to customize native APIs ?Weex SDK provides only rendering capability, rather than having other capabilities, such as network, picture, and URL redirection. If you want the these features, you nee">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Customize native APIs">
 <meta property="og:url" content="https://weex.apache.org/v-0.10/guide/how-to/cuszomize-native-apis.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How to customize native APIs ?Weex SDK provides only rendering capability, rather than having other capabilities, such as network, picture, and URL redirection. If you want the these features, you nee">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Customize native APIs">
 <meta name="twitter:description" content="How to customize native APIs ?Weex SDK provides only rendering capability, rather than having other capabilities, such as network, picture, and URL redirection. If you want the these features, you nee">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/cuszomize-native-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/cuszomize-native-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -547,7 +520,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-customize-native-APIs"><a href="#How-to-customize-native-APIs" class="headerlink" title="How to customize native APIs ?"></a>How to customize native APIs ?</h1><p>Weex SDK provides only rendering capability, rather than having other capabilities, such as network, picture, and URL redirection. If you want the these features, you need to implement them yourselves.<br>The example below will describe how to extend weex with native logic or \u2018bridge\u2019 your existed native code.</p>
 <h2 id="A-URLHelper-Example"><a href="#A-URLHelper-Example" class="headerlink" title="A URLHelper Example"></a>A URLHelper Example</h2><h3 id="Create-your-own-WXModule-in-native"><a href="#Create-your-own-WXModule-in-native" class="headerlink" title="Create your own WXModule in native:"></a>Create your own <code>WXModule</code> in native:</h3><figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">URLHelperModule</span> <span class="keyword">extends</span> <span class="title">WXModule</span></span>&#123;</div><div class="line">2<span class="keyword">private</span> <span class="keyword">static</span> <span class="keyword">final</span> String WEEX_CATEGORY=<span class="string">"com.taobao.android.intent.category.WEEX"</span>;</div><div class="line">2<span class="meta">@WXModuleAnno</span></div><div class="line">2<span class="function"><span class="ke
 yword">public</span> <span class="keyword">void</span> <span class="title">openURL</span><span class="params">(String url)</span></span>&#123;</div><div class="line">22<span class="keyword">if</span> (TextUtils.isEmpty(url)) &#123;</div><div class="line">222<span class="keyword">return</span>;</div><div class="line">22&#125;</div><div class="line">22StringBuilder builder=<span class="keyword">new</span> StringBuilder(<span class="string">"http:"</span>);</div><div class="line">22builder.append(url);</div><div class="line">22Uri uri = Uri.parse(builder.toString());</div><div class="line">        Intent intent = <span class="keyword">new</span> Intent(Intent.ACTION_VIEW, uri);</div><div class="line">22intent.addCategory(WEEX_CATEGORY);</div><div class="line">        mWXSDKInstance.getContext().startActivity(intent);</div><div class="line">2&#125;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -585,7 +558,7 @@
           <a href="/v-0.10/guide/how-to/cuszomize-native-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/cuszomize-native-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/cuszomize-native-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/v-0.10/guide/how-to/debug-with-html5.html
----------------------------------------------------------------------
diff --git a/content/v-0.10/guide/how-to/debug-with-html5.html b/content/v-0.10/guide/how-to/debug-with-html5.html
index d67de47..8009479 100644
--- a/content/v-0.10/guide/how-to/debug-with-html5.html
+++ b/content/v-0.10/guide/how-to/debug-with-html5.html
@@ -5,49 +5,6 @@
   
   <title>Debug in html5 renderer | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How to debug in html5 renderer ?Since weex-html5 can run on a modern mobile browser, it\u2019s naturally supported to debug weex-html5 code in browsers\u2019 dev tools. Use browser\u2019s devTools to iterate, debug">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Debug in html5 renderer">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="How to debug in html5 renderer ?Since weex-html5 can run on a modern mobile browser, it\u2019s naturally supported to debug weex-html5 code in browsers\u2019 dev tools. Use browser\u2019s devTools to iterate, debug">
 <meta property="og:image" content="https://gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Debug in html5 renderer">
 <meta name="twitter:description" content="How to debug in html5 renderer ?Since weex-html5 can run on a modern mobile browser, it\u2019s naturally supported to debug weex-html5 code in browsers\u2019 dev tools. Use browser\u2019s devTools to iterate, debug">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/debug-with-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -549,7 +522,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-to-debug-in-html5-renderer"><a href="#How-to-debug-in-html5-renderer" class="headerlink" title="How to debug in html5 renderer ?"></a>How to debug in html5 renderer ?</h1><p>Since weex-html5 can run on a modern mobile browser, it\u2019s naturally supported to debug weex-html5 code in browsers\u2019 dev tools. Use browser\u2019s devTools to iterate, debug and profile your weex-html5 app. Take chrome\u2019s debug tool as a example:</p>
 <p><img src="https://gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png" alt="chrome&#39;s debug tool"></p>
@@ -587,7 +560,7 @@
           <a href="/v-0.10/guide/how-to/debug-with-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[16/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/devtools.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/devtools.html b/content/guide/intro/devtools.html
index 9d144f6..3e26f46 100644
--- a/content/guide/intro/devtools.html
+++ b/content/guide/intro/devtools.html
@@ -5,49 +5,6 @@
   
   <title>Using Devtools | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="DevtoolsWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page,">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Using Devtools">
@@ -64,7 +21,7 @@
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Using Devtools">
 <meta name="twitter:description" content="DevtoolsWeex devtools is a custom devtools for weex that implements Chrome Debugging Protocol, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page,">
@@ -126,13 +83,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/devtools.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -149,7 +122,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -280,7 +253,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -416,7 +389,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -434,7 +407,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p>Weex devtools is a custom devtools for weex that implements <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a>, it is designed to help you quickly inspect your app and debug your JS bundle source in a chrome web page, both Android and IOS platform are supported.</p>
 <h2 id="Install"><a href="#Install" class="headerlink" title="Install"></a>Install</h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ npm install  -g  weex-toolkit</div></pre></td></tr></table></figure>
@@ -488,7 +461,7 @@
           <a href="/guide/intro/devtools.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/devtools.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/devtools.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/how-it-works.html b/content/guide/intro/how-it-works.html
index 2c4f1f3..a369663 100644
--- a/content/guide/intro/how-it-works.html
+++ b/content/guide/intro/how-it-works.html
@@ -5,49 +5,6 @@
   
   <title>How it works | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="How it worksOverall StructureWeex is a client-side technology on the surface, but in fact it connects the whole way from the local development environment to the cloud deployment and distribution.
 Dev">
 <meta property="og:type" content="website">
@@ -57,7 +14,7 @@ Dev">
 <meta property="og:description" content="How it worksOverall StructureWeex is a client-side technology on the surface, but in fact it connects the whole way from the local development environment to the cloud deployment and distribution.
 Dev">
 <meta property="og:image" content="https://weex.apache.org/../images/flow.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="How it works">
 <meta name="twitter:description" content="How it worksOverall StructureWeex is a client-side technology on the surface, but in fact it connects the whole way from the local development environment to the cloud deployment and distribution.
@@ -120,13 +77,29 @@ Dev">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/how-it-works.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/how-it-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@ Dev">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -274,7 +247,7 @@ Dev">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -410,7 +383,7 @@ Dev">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -428,7 +401,7 @@ Dev">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="How-it-works"><a href="#How-it-works" class="headerlink" title="How it works"></a>How it works</h1><h2 id="Overall-Structure"><a href="#Overall-Structure" class="headerlink" title="Overall Structure"></a>Overall Structure</h2><p>Weex is a client-side technology on the surface, but in fact it connects the whole way from the local development environment to the cloud deployment and distribution.</p>
 <p>Developers can first write an app page just like writing a web page, and then compile the app page into a piece of JavaScript which is called Weex JS bundle.</p>
@@ -486,7 +459,7 @@ Dev">
           <a href="/guide/intro/how-it-works.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/how-it-works.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/how-it-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/index.html b/content/guide/intro/index.html
index e0ba40e..8c8d676 100644
--- a/content/guide/intro/index.html
+++ b/content/guide/intro/index.html
@@ -5,49 +5,6 @@
   
   <title>Intro | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Intro
 How it works
 Web Dev Experience
@@ -66,7 +23,7 @@ Using Vue
 Write once, Run Everywhere
 App Architecture
 Weex Page Architecture">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Intro">
 <meta name="twitter:description" content="Intro
@@ -133,13 +90,29 @@ Weex Page Architecture">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ Weex Page Architecture">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -287,7 +260,7 @@ Weex Page Architecture">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -423,7 +396,7 @@ Weex Page Architecture">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -441,7 +414,7 @@ Weex Page Architecture">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Intro"><a href="#Intro" class="headerlink" title="Intro"></a>Intro</h1><ul>
 <li><a href="./how-it-works.html">How it works</a></li>
@@ -472,7 +445,7 @@ Weex Page Architecture">
           <a href="/guide/intro/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/page-architecture.html b/content/guide/intro/page-architecture.html
index c437668..f0559a4 100644
--- a/content/guide/intro/page-architecture.html
+++ b/content/guide/intro/page-architecture.html
@@ -5,49 +5,6 @@
   
   <title>Weex Page Architecture | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex Page ArchitectureA Weex page is a independent mobile page which includes UI, interaction logic, device power, lifecycle management etc.
 UINative DOM ModelWeex page has its HTML-like DOM model to">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Weex Page ArchitectureA Weex page is a independent mobile page which includes UI, interaction logic, device power, lifecycle management etc.
 UINative DOM ModelWeex page has its HTML-like DOM model to">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex Page Architecture">
 <meta name="twitter:description" content="Weex Page ArchitectureA Weex page is a independent mobile page which includes UI, interaction logic, device power, lifecycle management etc.
@@ -118,13 +75,29 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/page-architecture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/page-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -272,7 +245,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -408,7 +381,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -426,7 +399,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-Page-Architecture"><a href="#Weex-Page-Architecture" class="headerlink" title="Weex Page Architecture"></a>Weex Page Architecture</h1><p>A Weex page is a independent mobile page which includes UI, interaction logic, device power, lifecycle management etc.</p>
 <h2 id="UI"><a href="#UI" class="headerlink" title="UI"></a>UI</h2><h3 id="Native-DOM-Model"><a href="#Native-DOM-Model" class="headerlink" title="Native DOM Model"></a>Native DOM Model</h3><p>Weex page has its HTML-like DOM model to manage UI. It will be decomposed into a DOM tree which consists of some DOM nodes.</p>
@@ -472,7 +445,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
           <a href="/guide/intro/page-architecture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/page-architecture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/page-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/using-vue.html b/content/guide/intro/using-vue.html
index 688b745..84ad244 100644
--- a/content/guide/intro/using-vue.html
+++ b/content/guide/intro/using-vue.html
@@ -5,49 +5,6 @@
   
   <title>Using Vue | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Using VueVue in WeexVue.js is an excellent progressive JavaScript framework written by Evan You which is very ease and flexible to use. Developers can write *.vue files with friendly &amp;lt;template&amp;gt;,">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Using Vue">
@@ -55,7 +12,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Using VueVue in WeexVue.js is an excellent progressive JavaScript framework written by Evan You which is very ease and flexible to use. Developers can write *.vue files with friendly &amp;lt;template&amp;gt;,">
 <meta property="og:image" content="https://weex.apache.org//cn.vuejs.org/images/vue-component.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Using Vue">
 <meta name="twitter:description" content="Using VueVue in WeexVue.js is an excellent progressive JavaScript framework written by Evan You which is very ease and flexible to use. Developers can write *.vue files with friendly &amp;lt;template&amp;gt;,">
@@ -117,13 +74,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -271,7 +244,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -407,7 +380,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -425,7 +398,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Using-Vue"><a href="#Using-Vue" class="headerlink" title="Using Vue"></a>Using Vue</h1><h2 id="Vue-in-Weex"><a href="#Vue-in-Weex" class="headerlink" title="Vue in Weex"></a>Vue in Weex</h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> is an excellent progressive JavaScript framework written by <a href="https://twitter.com/youyuxi" target="_blank" rel="external">Evan You</a> which is very ease and flexible to use. Developers can write <code>*.vue</code> files with friendly <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> tags to build componentized web app.</p>
 <p><img src="//cn.vuejs.org/images/vue-component.png" alt="a vue file"></p>
@@ -470,7 +443,7 @@
           <a href="/guide/intro/using-vue.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/using-vue.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/using-vue.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/web-dev-experience.html b/content/guide/intro/web-dev-experience.html
index 97c3670..77bce57 100644
--- a/content/guide/intro/web-dev-experience.html
+++ b/content/guide/intro/web-dev-experience.html
@@ -5,56 +5,13 @@
   
   <title>Web Dev Experience | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Web Dev ExperienceWhat is Web Dev Experience?Weex dev experience is very close to web dev experience. It describes the UI structure and content with HTML or HTML-based template, describes the UI style">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Web Dev Experience">
 <meta property="og:url" content="https://weex.apache.org/guide/intro/web-dev-experience.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Web Dev ExperienceWhat is Web Dev Experience?Weex dev experience is very close to web dev experience. It describes the UI structure and content with HTML or HTML-based template, describes the UI style">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Web Dev Experience">
 <meta name="twitter:description" content="Web Dev ExperienceWhat is Web Dev Experience?Weex dev experience is very close to web dev experience. It describes the UI structure and content with HTML or HTML-based template, describes the UI style">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -269,7 +242,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -405,7 +378,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -423,7 +396,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Web-Dev-Experience"><a href="#Web-Dev-Experience" class="headerlink" title="Web Dev Experience"></a>Web Dev Experience</h1><h2 id="What-is-Web-Dev-Experience"><a href="#What-is-Web-Dev-Experience" class="headerlink" title="What is Web Dev Experience?"></a>What is Web Dev Experience?</h2><p>Weex dev experience is very close to web dev experience. It describes the UI structure and content with HTML or HTML-based template, describes the UI style with CSS, and describes user behavior and business logic with JavaScript. And it has completed project mechanism.</p>
 <h2 id="Why-We-Choose-Web-Dev-Experience"><a href="#Why-We-Choose-Web-Dev-Experience" class="headerlink" title="Why We Choose Web Dev Experience?"></a>Why We Choose Web Dev Experience?</h2><ol>
@@ -468,7 +441,7 @@
           <a href="/guide/intro/web-dev-experience.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/web-dev-experience.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/web-dev-experience.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/write-once.html b/content/guide/intro/write-once.html
index 4211296..915cd99 100644
--- a/content/guide/intro/write-once.html
+++ b/content/guide/intro/write-once.html
@@ -5,49 +5,6 @@
   
   <title>Write once, Run Everywhere | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Write Once, Run EverywhereWeex is a \u201cWrite Once, Run Everywhere\u201d solution.
 
 First, Weex is based on web dev experience, which including syntax and project management.
@@ -60,7 +17,7 @@ Second, all components &amp;amp; modu">
 
 First, Weex is based on web dev experience, which including syntax and project management.
 Second, all components &amp;amp; modu">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Write once, Run Everywhere">
 <meta name="twitter:description" content="Write Once, Run EverywhereWeex is a \u201cWrite Once, Run Everywhere\u201d solution.
@@ -124,13 +81,29 @@ Second, all components &amp;amp; modu">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/write-once.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ Second, all components &amp;amp; modu">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -278,7 +251,7 @@ Second, all components &amp;amp; modu">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -414,7 +387,7 @@ Second, all components &amp;amp; modu">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -432,7 +405,7 @@ Second, all components &amp;amp; modu">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Write-Once-Run-Everywhere"><a href="#Write-Once-Run-Everywhere" class="headerlink" title="Write Once, Run Everywhere"></a>Write Once, Run Everywhere</h1><p>Weex is a \u201cWrite Once, Run Everywhere\u201d solution.</p>
 <ul>
@@ -472,7 +445,7 @@ Second, all components &amp;amp; modu">
           <a href="/guide/intro/write-once.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/write-once.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/write-once.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/index.html
----------------------------------------------------------------------
diff --git a/content/index.html b/content/index.html
index 750a90c..a280c71 100644
--- a/content/index.html
+++ b/content/index.html
@@ -5,49 +5,6 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/index.html">
@@ -111,13 +68,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -136,7 +109,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -154,7 +127,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -189,7 +162,34 @@
     <a class="btn-close-sidebar iconfont  icon-close"></a>
   </div>
 </div>
-  <div class="scene header" style="background: #00BDFF;">
+  <script>
+  ;(function(){
+    var currentOrigin = location.origin || 'https://weex-project.io',
+        currentPathname = location.pathname,
+        currentLang = navigator.language || navigator.browserLanguage || 'en',
+        selectedLang = '';
+
+    if (window.localStorage) {
+      selectedLang = window.localStorage.getItem('lang')
+      currentLang = selectedLang ? selectedLang : currentLang
+    }
+
+    if (/zh|cn/i.test(currentLang)) { // Chinese
+      if (currentPathname.indexOf('/cn/') != 0) {
+        location.href = currentOrigin + '/cn/'
+      }
+    } else if (/en/i.test(currentLang)) { // English
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    } else { // Other
+      if (!/^\/$|^\/index/.test(currentPathname)) {
+        location.href = currentOrigin
+      }
+    }
+  })();
+</script>
+<div class="scene header" style="background: #00BDFF;">
   <div class="scene-container">
     <div class="galaxy left">
       <canvas width="560" height="560" id="left-canvas"></canvas>
@@ -413,7 +413,7 @@ var swiper = new Swiper('.swiper-container', {
   loop: false,
   autoplay: false,
   autoplayDisableOnInteraction: false
-})
+});
 </script>
     
   
@@ -432,7 +432,7 @@ var swiper = new Swiper('.swiper-container', {
           <a href="/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/js/common.js
----------------------------------------------------------------------
diff --git a/content/js/common.js b/content/js/common.js
index 1eddfc6..d4177dd 100644
--- a/content/js/common.js
+++ b/content/js/common.js
@@ -73,34 +73,41 @@
   initSidebar()
 
   /**
-   * Pick lang
+   * Switch language
    */
   function initPickLang () {
-    var pick = document.querySelector('.pick-lang')
-    var elements = document.querySelectorAll('.pick-lang a')
+    document.addEventListener('DOMContentLoaded', function (e) {
+      var pickers = document.querySelectorAll('.pick-lang')
+      var elements = document.querySelectorAll('.pick-lang a')
+      var pickersArr = Array.prototype.slice.call(pickers)
 
-    pick.addEventListener('click', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
+      pickersArr.forEach(function (picker) {
+        picker.addEventListener('click', function (e) {
+          e.preventDefault()
+          e.stopPropagation()
 
-      var target = e.target;
-      if (pick.contains(target)) {
-        var lang = target.getAttribute('data-lang')
+          var target = e.target;
 
-        if (window.sessionStorage) {
-          window.sessionStorage.setItem('lang', lang)
-        }
+          if (picker.contains(target)) {
+            var lang = target.getAttribute('data-lang')
 
-        location.href = target.href
-      }
+            if (window.localStorage) {
+              window.localStorage.setItem('lang', lang)
+            }
+
+            location.href = target.href
+          }
+        })
+      })
     })
   }
+
   initPickLang()
 
   /**
    *  Search
    */
-  function initSearch() {
+  function initSearch () {
     var form = document.querySelector('.search-form')
     var inputElements = document.querySelectorAll('.search-input')
 

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/js/example.js
----------------------------------------------------------------------
diff --git a/content/js/example.js b/content/js/example.js
index e87215e..43012c4 100644
--- a/content/js/example.js
+++ b/content/js/example.js
@@ -16,7 +16,7 @@
                 '}' +
               '</style>' +
               '<script src="https://unpkg.com/vue/dist/vue.runtime.js"></script>' +
-              '<script src="https://unpkg.com/weex-vue-render/index.js"></script>' +
+              '<script src="https://unpkg.com/weex-vue-render@0.10.0/dist/index.min.js"></script>' +
             '</head>' +
             '<body>' +
               '<div id="root"></div>' +

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/playground.html
----------------------------------------------------------------------
diff --git a/content/playground.html b/content/playground.html
index da2f6bd..d5e2c2d 100644
--- a/content/playground.html
+++ b/content/playground.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/playground.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/playground.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -236,7 +209,7 @@
           <a href="/playground.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/playground.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/playground.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-jsfm.html b/content/references/advanced/extend-jsfm.html
index f4cfc7d..22248f2 100644
--- a/content/references/advanced/extend-jsfm.html
+++ b/content/references/advanced/extend-jsfm.html
@@ -5,49 +5,6 @@
   
   <title>Extend JS framework | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend JS frameworkThis part of the extension of JS framework is still in the discussion, may be adjusted at any time, please pay attention.   
 Weex wants to be able to respect as many developer devel">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Weex wants to be able to respect as many developer devel">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend JS frameworkThis part of the extension of JS framework is still in the discussion, may be adjusted at any time, please pay attention.   
 Weex wants to be able to respect as many developer devel">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend JS framework">
 <meta name="twitter:description" content="Extend JS frameworkThis part of the extension of JS framework is still in the discussion, may be adjusted at any time, please pay attention.   
@@ -118,13 +75,29 @@ Weex wants to be able to respect as many developer devel">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Weex wants to be able to respect as many developer devel">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Weex wants to be able to respect as many developer devel">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Weex wants to be able to respect as many developer devel">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Weex wants to be able to respect as many developer devel">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Weex wants to be able to respect as many developer devel">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Weex wants to be able to respect as many developer devel">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Extend-JS-framework"><a href="#Extend-JS-framework" class="headerlink" title="Extend JS framework"></a>Extend JS framework</h1><p>This part of the extension of JS framework is still in the discussion, may be adjusted at any time, please pay attention.   </p>
 <p>Weex wants to be able to respect as many developer development habits as possible.So, in addition to Weex official support Vue 2.0, the developer can also customize and horizontally extension their own or their favorite JS Framework.The steps to customize the JS Framework are as follows:     </p>
@@ -1462,7 +1435,7 @@ Weex wants to be able to respect as many developer devel">
           <a href="/references/advanced/extend-jsfm.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-jsfm.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-android.html b/content/references/advanced/extend-to-android.html
index 5abaf24..99f310d 100644
--- a/content/references/advanced/extend-to-android.html
+++ b/content/references/advanced/extend-to-android.html
@@ -5,56 +5,13 @@
   
   <title>Extend to Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to AndroidModule extendweex sdk support Module extend, Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to Android">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/extend-to-android.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to AndroidModule extendweex sdk support Module extend, Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to Android">
 <meta name="twitter:description" content="Extend to AndroidModule extendweex sdk support Module extend, Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Extend-to-Android"><a href="#Extend-to-Android" class="headerlink" title="Extend to Android"></a>Extend to Android</h1><h2 id="Module-extend"><a href="#Module-extend" class="headerlink" title="Module extend"></a>Module extend</h2><p>weex sdk support Module extend, Weex SDK provides only rendering capabilities, rather than have other capabilities, such as network, picture, and URL redirection. If you want the these features, you need to implement it.</p>
 <p>For example: If you want to implement an address jumping function, you can achieve a Module Follow the steps below.</p>
@@ -1400,7 +1373,7 @@
           <a href="/references/advanced/extend-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/references/advanced/extend-to-html5.html b/content/references/advanced/extend-to-html5.html
index d1cc4dc..3dd080b 100644
--- a/content/references/advanced/extend-to-html5.html
+++ b/content/references/advanced/extend-to-html5.html
@@ -5,56 +5,13 @@
   
   <title>Extend to HTML5 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Extend to HTML5Weex itself offers a lot of built-in components and modules, but also has the ability to expand horizontally. It allows developers to expand and customize themselves. But it is importan">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Extend to HTML5">
 <meta property="og:url" content="https://weex.apache.org/references/advanced/extend-to-html5.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Extend to HTML5Weex itself offers a lot of built-in components and modules, but also has the ability to expand horizontally. It allows developers to expand and customize themselves. But it is importan">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Extend to HTML5">
 <meta name="twitter:description" content="Extend to HTML5Weex itself offers a lot of built-in components and modules, but also has the ability to expand horizontally. It allows developers to expand and customize themselves. But it is importan">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Extend-to-HTML5"><a href="#Extend-to-HTML5" class="headerlink" title="Extend to HTML5"></a>Extend to HTML5</h1><p>Weex itself offers a lot of built-in components and modules, but also has the ability to expand horizontally. It allows developers to expand and customize themselves. But it is important to note that Weex is a cross-platform solution. When extending its built-in components or modules, you need to implement it on the three ends (Android, iOS, Web).       </p>
 <p>After Weex switches the kernel to Vue 2.x, it will be easier to extend the Vue component on the Web side.    </p>
@@ -1359,7 +1332,7 @@
           <a href="/references/advanced/extend-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[26/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/develop-on-your-local-machine.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/develop-on-your-local-machine.html b/content/cn/v-0.10/guide/develop-on-your-local-machine.html
index cc378d4..d787914 100644
--- a/content/cn/v-0.10/guide/develop-on-your-local-machine.html
+++ b/content/cn/v-0.10/guide/develop-on-your-local-machine.html
@@ -5,49 +5,6 @@
   
   <title>\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u7ae0\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
 \u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c weex-toolkit\u3002
 \u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js \u5b98\u7f51 \u4e0b\u8f7d\u53ef\u6267\u884c\u7a0b\u5e8f\u76f4\u63a5\u5b89\u88c5\u5373\u53ef\u3002
@@ -62,7 +19,7 @@
 \u5bf9\u4e8e Mac\uff0c">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1fZBpOFXXXXaFXXXXXXXXXXXX-506-1024.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762">
 <meta name="twitter:description" content="\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u7ae0\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
@@ -127,13 +84,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/develop-on-your-local-machine.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/develop-on-your-local-machine.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -525,7 +498,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1-Weex-\u9875\u9762"><a href="#\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1-Weex-\u9875\u9762" class="headerlink" title="\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762"></a>\u5982\u4f55\u5728\u672c\u5730\u5f00\u53d1 Weex \u9875\u9762</h1><p>\u4f7f\u7528 <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u7ae0\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002</p>
 <h2 id="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"><a href="#\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56" class="headerlink" title="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"></a>\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56</h2><p>\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c weex-toolkit\u3002</p>
@@ -601,7 +574,7 @@
           <a href="/v-0.10/guide/develop-on-your-local-machine.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/develop-on-your-local-machine.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/develop-on-your-local-machine.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/how-to/debug-with-html5.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/how-to/debug-with-html5.html b/content/cn/v-0.10/guide/how-to/debug-with-html5.html
index 2c122d1..2989eda 100644
--- a/content/cn/v-0.10/guide/how-to/debug-with-html5.html
+++ b/content/cn/v-0.10/guide/how-to/debug-with-html5.html
@@ -5,49 +5,6 @@
   
   <title>\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f\u7531\u4e8e weex-html5 \u53ef\u4ee5\u5728\u73b0\u4ee3\u79fb\u52a8\u6d4f\u89c8\u5668\u4e0a\u8fd0\u884c\uff0c\u56e0\u6b64\u81ea\u7136\u652f\u6301\u5728\u6d4f\u89c8\u5668\u7684\u5f00\u53d1\u5de5\u5177\u4e2d\u8c03\u8bd5 weex-html5 \u4ee3\u7801\u3002\u4e0b\u9762\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u6d4f\u89c8\u5668\u7684 devTools \u8c03\u8bd5\u548c\u5206\u6790 weex-html5 \u7a0b\u5e8f\u3002\u4ee5chrome\u7684\u8c03\u8bd5\u5de5\u5177\u4e3a\u4f8b\uff1a
 
 Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c\u5e76\u64cd\u7eb5 DOM \u548c CSS \u6765\u81ea\u7531\u5730\u505a\u4e00\u4e9b\u5f00\u53d1">
@@ -59,7 +16,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
 
 Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c\u5e76\u64cd\u7eb5 DOM \u548c CSS \u6765\u81ea\u7531\u5730\u505a\u4e00\u4e9b\u5f00\u53d1">
 <meta property="og:image" content="https://gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5">
 <meta name="twitter:description" content="\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f\u7531\u4e8e weex-html5 \u53ef\u4ee5\u5728\u73b0\u4ee3\u79fb\u52a8\u6d4f\u89c8\u5668\u4e0a\u8fd0\u884c\uff0c\u56e0\u6b64\u81ea\u7136\u652f\u6301\u5728\u6d4f\u89c8\u5668\u7684\u5f00\u53d1\u5de5\u5177\u4e2d\u8c03\u8bd5 weex-html5 \u4ee3\u7801\u3002\u4e0b\u9762\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u6d4f\u89c8\u5668\u7684 devTools \u8c03\u8bd5\u548c\u5206\u6790 weex-html5 \u7a0b\u5e8f\u3002\u4ee5chrome\u7684\u8c03\u8bd5\u5de5\u5177\u4e3a\u4f8b\uff1a
@@ -123,13 +80,29 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/debug-with-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -521,7 +494,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f"><a href="#\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f" class="headerlink" title="\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f"></a>\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u8c03\u8bd5\uff1f</h1><p>\u7531\u4e8e weex-html5 \u53ef\u4ee5\u5728\u73b0\u4ee3\u79fb\u52a8\u6d4f\u89c8\u5668\u4e0a\u8fd0\u884c\uff0c\u56e0\u6b64\u81ea\u7136\u652f\u6301\u5728\u6d4f\u89c8\u5668\u7684\u5f00\u53d1\u5de5\u5177\u4e2d\u8c03\u8bd5 weex-html5 \u4ee3\u7801\u3002\u4e0b\u9762\u5c06\u4ecb\u7ecd\u5982\u4f55\u4f7f\u7528\u6d4f\u89c8\u5668\u7684 devTools \u8c03\u8bd5\u548c\u5206\u6790 weex-html5 \u7a0b\u5e8f\u3002\u4ee5chrome\u7684\u8c03\u8bd5\u5de5\u5177\u4e3a\u4f8b\uff1a</p>
 <p><img src="https://gw.alicdn.com/mt/TB1V1hIMpXXXXaHXVXXXXXXXXXX-983-730.png" alt="chrome&#39;s debug tool"></p>
@@ -559,7 +532,7 @@ Elements\u4f7f\u7528 Elements \u9762\u677f\u6765\u68c0\u67e5 weex-html5 \u9875\u9762\u7684\u5e03\u5c40\u548c\u8bbe\u8ba1\uff0c
           <a href="/v-0.10/guide/how-to/debug-with-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/debug-with-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/how-to/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/how-to/index.html b/content/cn/v-0.10/guide/how-to/index.html
index d0eeddf..90fa5e9 100644
--- a/content/cn/v-0.10/guide/how-to/index.html
+++ b/content/cn/v-0.10/guide/how-to/index.html
@@ -5,49 +5,6 @@
   
   <title>\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762Weex Devtools \u662f\u4e3a Weex \u5f00\u53d1\u8005\u670d\u52a1\u7684\u4e00\u6b3e\u8c03\u8bd5\u5de5\u5177\uff0c\u80fd\u591f\u5ba1\u67e5 Weex app \u8fd0\u884c\u65f6\u5c5e\u6027\uff0c\u53ef\u5bf9 .we \u4ee3\u7801\u53ca JavaScript \u4ee3\u7801\u65ad\u70b9\u8c03\u8bd5\uff0c\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
 Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd\u591f\u4f7f\u7528 C">
 <meta property="og:type" content="website">
@@ -67,7 +24,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762">
 <meta name="twitter:description" content="\u5982\u4f55\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762Weex Devtools \u662f\u4e3a Weex \u5f00\u53d1\u8005\u670d\u52a1\u7684\u4e00\u6b3e\u8c03\u8bd5\u5de5\u5177\uff0c\u80fd\u591f\u5ba1\u67e5 Weex app \u8fd0\u884c\u65f6\u5c5e\u6027\uff0c\u53ef\u5bf9 .we \u4ee3\u7801\u53ca JavaScript \u4ee3\u7801\u65ad\u70b9\u8c03\u8bd5\uff0c\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
@@ -130,13 +87,29 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -153,7 +126,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -528,7 +501,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u4f7f\u7528-Devtools-\u8c03\u8bd5-Weex-\u9875\u9762"><a href="#\u5982\u4f55\u4f7f\u7528-Devtools-\u8c03\u8bd5-Weex-\u9875\u9762" class="headerlink" title="\u5982\u4f55\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762"></a>\u5982\u4f55\u4f7f\u7528 Devtools \u8c03\u8bd5 Weex \u9875\u9762</h1><p>Weex Devtools \u662f\u4e3a Weex \u5f00\u53d1\u8005\u670d\u52a1\u7684\u4e00\u6b3e\u8c03\u8bd5\u5de5\u5177\uff0c\u80fd\u591f\u5ba1\u67e5 Weex app \u8fd0\u884c\u65f6\u5c5e\u6027\uff0c\u53ef\u5bf9 <code>.we</code> \u4ee3\u7801\u53ca JavaScript \u4ee3\u7801\u65ad\u70b9\u8c03\u8bd5\uff0c\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002</p>
 <p>Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a>\uff0c\u80fd\u591f\u4f7f\u7528 Chrome devtools \u8c03\u8bd5 Weex \u9879\u76ee\uff0c\u5176\u4e3b\u8981\u529f\u80fd\u5206\u4e3a\u4e24\u5927\u90e8\u5206\u2014\u2014 Debugger \u548c Inspector\u3002</p>
@@ -654,7 +627,7 @@ Weex Devtools \u57fa\u4e8e Chrome devtools \u5b9e\u73b0\u4e86 Chrome Debugging Protocol\uff0c\u80fd
           <a href="/v-0.10/guide/how-to/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/how-to/require-3rd-party-libs.html b/content/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
index 67d3e5c..9c85a97 100644
--- a/content/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
+++ b/content/cn/v-0.10/guide/how-to/require-3rd-party-libs.html
@@ -5,49 +5,6 @@
   
   <title>\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e930.4
 \u5728 Get started \u4e2d\uff0c\u6211\u4eec\u5b66\u4e60\u4e86\u77e5\u9053\u53ef\u4ee5\u5728 &amp;lt;script&amp;gt; \u6807\u7b7e\u4e2d\u7f16\u5199 JavaScript \u4ee3\u7801\u3002\u4f46\u662f\u5728\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u529f\u80fd\u6216\u6a21\u5757\uff0c\u4f8b\u5982\u89e3\u6790url\u53c2\u6570\uff0c\u5c06\u5c5e\u6027\u4ece\u4e00\u4e9b\u5bf9\u8c61\u6269\u5c55\u5230\u53e6\u4e00\u4e2a\u5bf9\u8c61\u7b49\u7b49\uff0c\u5728\u6bcf\u4e2a\u7ec4\u4ef6\u4e2d\u590d\u5236\u548c\u7c98\u8d34\u8fd9\u4e9b\u4ee3\u7801\u662f\u4e00\u4e2a\u7cdf\u7cd5\u7684\u505a\u6cd5\uff0c\u56e0\u6b64\u8feb\u5207\u9700\u8981\u901a\u8fc7 require \u7684\u65b9\u5f0f\u5bf9\u53ef\u590d\u7528\u7684\u4ee3\u7801\u8fdb\u884c\u7ba1\u7406\u3002Weex \u4e3a\u5f00\u53d1\u4eba\u5458\u63d0\u4f9b\u4e86 CommonJS \u98ce\u683c\u7684">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e930.4
 \u5728 Get started \u4e2d\uff0c\u6211\u4eec\u5b66\u4e60\u4e86\u77e5\u9053\u53ef\u4ee5\u5728 &amp;lt;script&amp;gt; \u6807\u7b7e\u4e2d\u7f16\u5199 JavaScript \u4ee3\u7801\u3002\u4f46\u662f\u5728\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u529f\u80fd\u6216\u6a21\u5757\uff0c\u4f8b\u5982\u89e3\u6790url\u53c2\u6570\uff0c\u5c06\u5c5e\u6027\u4ece\u4e00\u4e9b\u5bf9\u8c61\u6269\u5c55\u5230\u53e6\u4e00\u4e2a\u5bf9\u8c61\u7b49\u7b49\uff0c\u5728\u6bcf\u4e2a\u7ec4\u4ef6\u4e2d\u590d\u5236\u548c\u7c98\u8d34\u8fd9\u4e9b\u4ee3\u7801\u662f\u4e00\u4e2a\u7cdf\u7cd5\u7684\u505a\u6cd5\uff0c\u56e0\u6b64\u8feb\u5207\u9700\u8981\u901a\u8fc7 require \u7684\u65b9\u5f0f\u5bf9\u53ef\u590d\u7528\u7684\u4ee3\u7801\u8fdb\u884c\u7ba1\u7406\u3002Weex \u4e3a\u5f00\u53d1\u4eba\u5458\u63d0\u4f9b\u4e86 CommonJS \u98ce\u683c\u7684">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93">
 <meta name="twitter:description" content="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e930.4
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -516,7 +489,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93"><a href="#\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93" class="headerlink" title="\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93"></a>\u5982\u4f55\u5f15\u5165\u7b2c\u4e09\u65b9\u5e93</h1><p><span class="weex-version">0.4</span></p>
 <p>\u5728 <a href="../index.html">Get started</a> \u4e2d\uff0c\u6211\u4eec\u5b66\u4e60\u4e86\u77e5\u9053\u53ef\u4ee5\u5728 <code>&lt;script&gt;</code> \u6807\u7b7e\u4e2d\u7f16\u5199 JavaScript \u4ee3\u7801\u3002\u4f46\u662f\u5728\u9879\u76ee\u4e2d\u5e38\u7528\u7684\u529f\u80fd\u6216\u6a21\u5757\uff0c\u4f8b\u5982\u89e3\u6790url\u53c2\u6570\uff0c\u5c06\u5c5e\u6027\u4ece\u4e00\u4e9b\u5bf9\u8c61\u6269\u5c55\u5230\u53e6\u4e00\u4e2a\u5bf9\u8c61\u7b49\u7b49\uff0c\u5728\u6bcf\u4e2a\u7ec4\u4ef6\u4e2d\u590d\u5236\u548c\u7c98\u8d34\u8fd9\u4e9b\u4ee3\u7801\u662f\u4e00\u4e2a\u7cdf\u7cd5\u7684\u505a\u6cd5\uff0c\u56e0\u6b64\u8feb\u5207\u9700\u8981\u901a\u8fc7 <code>require</code> \u7684\u65b9\u5f0f\u5bf9\u53ef\u590d\u7528\u7684\u4ee3\u7801\u8fdb\u884c\u7ba1\u7406\u3002Weex \u4e3a\u5f00\u53d1\u4eba\u5458\u63d0\u4f9b\u4e86 CommonJS \u98ce\u683c\u7684 require \u8bed\u6cd5\u3002</p>
@@ -550,7 +523,7 @@
           <a href="/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/require-3rd-party-libs.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html b/content/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
index d1de5f8..3cdf71d 100644
--- a/content/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
+++ b/content/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html
@@ -5,49 +5,6 @@
   
   <title>\u5c06 `.we` \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5c06 .we \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle0.4
 \u5728\u524d\u9762\u7684\u7ae0\u8282\u4e2d\u4f60\u5df2\u7ecf\u4e86\u89e3\u5230\u5982\u4f55\u7f16\u5199\u53ca\u7ec4\u7ec7 Weex \u4ee3\u7801\uff0c\u5982\u679c\u4f60\u8fd8\u6709\u7591\u95ee\uff0c\u53ef\u53c2\u8003 \u8bed\u6cd5 \u53ca \u624b\u518c\u3002 \u4f46\u662f\uff0cWeex \u8bed\u6cd5\u7684\u4ee3\u7801\u5fc5\u987b\u8f6c\u6362\u4e3a JSBundle\uff0c\u4ee5\u4fbf Weex JSFramework \u53ef\u4ee5\u5728 iOS\uff0cAndroid \u548c\u6d4f\u89c8\u5668\u7aef\u89e3\u6790\u548c\u6267\u884c\u3002\u4e86\u89e3\u66f4\u591a\u4fe1\u606f\uff0c\u53ef\u53c2\u8003 Weex \u5de5\u4f5c\u539f\u7406 \u548c JS Bundle \u683c\u5f0f
 \u73b0\u5728\uff0c\u56de\u5230\u5c06 .we \u6e90\u4ee3">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u5c06 .we \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle0.4
 \u5728\u524d\u9762\u7684\u7ae0\u8282\u4e2d\u4f60\u5df2\u7ecf\u4e86\u89e3\u5230\u5982\u4f55\u7f16\u5199\u53ca\u7ec4\u7ec7 Weex \u4ee3\u7801\uff0c\u5982\u679c\u4f60\u8fd8\u6709\u7591\u95ee\uff0c\u53ef\u53c2\u8003 \u8bed\u6cd5 \u53ca \u624b\u518c\u3002 \u4f46\u662f\uff0cWeex \u8bed\u6cd5\u7684\u4ee3\u7801\u5fc5\u987b\u8f6c\u6362\u4e3a JSBundle\uff0c\u4ee5\u4fbf Weex JSFramework \u53ef\u4ee5\u5728 iOS\uff0cAndroid \u548c\u6d4f\u89c8\u5668\u7aef\u89e3\u6790\u548c\u6267\u884c\u3002\u4e86\u89e3\u66f4\u591a\u4fe1\u606f\uff0c\u53ef\u53c2\u8003 Weex \u5de5\u4f5c\u539f\u7406 \u548c JS Bundle \u683c\u5f0f
 \u73b0\u5728\uff0c\u56de\u5230\u5c06 .we \u6e90\u4ee3">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5c06 `.we` \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle">
 <meta name="twitter:description" content="\u5c06 .we \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle0.4
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5c06-we-\u6e90\u4ee3\u7801\u8f6c\u6362\u6210-JS-Bundle"><a href="#\u5c06-we-\u6e90\u4ee3\u7801\u8f6c\u6362\u6210-JS-Bundle" class="headerlink" title="\u5c06 .we \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle"></a>\u5c06 <code>.we</code> \u6e90\u4ee3\u7801\u8f6c\u6362\u6210 JS Bundle</h1><p><span class="weex-version">0.4</span></p>
 <p>\u5728\u524d\u9762\u7684\u7ae0\u8282\u4e2d\u4f60\u5df2\u7ecf\u4e86\u89e3\u5230\u5982\u4f55\u7f16\u5199\u53ca\u7ec4\u7ec7 Weex \u4ee3\u7801\uff0c\u5982\u679c\u4f60\u8fd8\u6709\u7591\u95ee\uff0c\u53ef\u53c2\u8003 <a href="../syntax/main.html">\u8bed\u6cd5</a> \u53ca <a href="../../references/main.html">\u624b\u518c</a>\u3002 \u4f46\u662f\uff0cWeex \u8bed\u6cd5\u7684\u4ee3\u7801\u5fc5\u987b\u8f6c\u6362\u4e3a JSBundle\uff0c\u4ee5\u4fbf Weex JSFramework \u53ef\u4ee5\u5728 iOS\uff0cAndroid \u548c\u6d4f\u89c8\u5668\u7aef\u89e3\u6790\u548c\u6267\u884c\u3002\u4e86\u89e3\u66f4\u591a\u4fe1\u606f\uff0c\u53ef\u53c2\u8003 <a href="../../advanced/how-it-works.html">Weex \u5de5\u4f5c\u539f\u7406</a> \u548c <a href="../../references/specs/js-bundle-format.html">JS Bundle \u683c\u5f0f</a></p>
@@ -584,7 +557,7 @@
           <a href="/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/how-to/transform-code-into-js-bundle.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/index.html b/content/cn/v-0.10/guide/index.html
index fbd8cfc..150a503 100644
--- a/content/cn/v-0.10/guide/index.html
+++ b/content/cn/v-0.10/guide/index.html
@@ -5,49 +5,6 @@
   
   <title>\u4e0a\u624b\u6559\u7a0b | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u8d77\u6b65\u6559\u7a0bWeex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002
 \u5c1d\u8bd5 Weex \u6700\u7b80\u5355\u7684\u65b9\u6cd5\u662f\u4f7f\u7528 Playgroun">
 <meta property="og:type" content="website">
@@ -57,7 +14,7 @@
 <meta property="og:description" content="\u8d77\u6b65\u6559\u7a0bWeex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002
 \u5c1d\u8bd5 Weex \u6700\u7b80\u5355\u7684\u65b9\u6cd5\u662f\u4f7f\u7528 Playgroun">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4e0a\u624b\u6559\u7a0b">
 <meta name="twitter:description" content="\u8d77\u6b65\u6559\u7a0bWeex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002
@@ -120,13 +77,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,7 +491,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u8d77\u6b65\u6559\u7a0b"><a href="#\u8d77\u6b65\u6559\u7a0b" class="headerlink" title="\u8d77\u6b65\u6559\u7a0b"></a>\u8d77\u6b65\u6559\u7a0b</h1><p>Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684 native \u5e94\u7528\uff0c\u4e3a\u4e86\u505a\u5230\u8fd9\u4e9b\uff0cWeex \u4e0e  Vue \u5408\u4f5c\uff0c\u4f7f\u7528 Vue \u4f5c\u4e3a\u4e0a\u5c42\u6846\u67b6\uff0c\u5e76\u9075\u5faa W3C \u6807\u51c6\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684 JSEngine \u548c DOM API\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u4f60\u751a\u81f3\u53ef\u4ee5\u4f7f\u7528\u5176\u4ed6\u6846\u67b6\u9a71\u52a8 Weex\uff0c\u6253\u9020\u4e09\u7aef\u4e00\u81f4\u7684 native \u5e94\u7528\u3002</p>
 <p>\u5c1d\u8bd5 Weex \u6700\u7b80\u5355\u7684\u65b9\u6cd5\u662f\u4f7f\u7528 <a href="https://alibaba.github.io/weex/download.html" target="_blank" rel="external">Playground App</a> \u548c\u5728 <a href="http://dotwe.org" target="_blank" rel="external">dotWe</a> \u7f16\u5199\u4e00\u4e2a <a href="http://dotwe.org/656345423a7ef46f4b897ff471fd2ab5" target="_blank" rel="external">Hello World</a> \u4f8b\u5b50\u3002\u4f60\u4e0d\u9700\u8981\u8003\u8651\u5b89\u88c5\u5f00\u53d1\u73af\u5883\u6216\u7f16\u5199 native \u4ee3\u7801\uff0c\u53ea\u9700\u8981\u505a\u4e0b\u9762\u4e24\u4ef6\u4e8b\uff1a</p>
@@ -558,7 +531,7 @@
           <a href="/v-0.10/guide/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/comm.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/comm.html b/content/cn/v-0.10/guide/syntax/comm.html
index cb02dca..0fb4fb7 100644
--- a/content/cn/v-0.10/guide/syntax/comm.html
+++ b/content/cn/v-0.10/guide/syntax/comm.html
@@ -5,49 +5,6 @@
   
   <title>\u7ec4\u4ef6\u901a\u4fe1 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u7ec4\u4ef6\u95f4\u901a\u4fe1\u81ea\u5b9a\u4e49\u4e8b\u4ef6Weex \u652f\u6301\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u6709\u4e24\u4e2a\u76f8\u5173\u7684\u8bbe\u8ba1\uff1a1\uff0c\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff1b2\uff0c\u521b\u5efa\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u3002
 \u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u6bcf\u4e2a Weex \u7684 ViewModel \u90fd\u652f\u6301 this.$on(type, handler) \u548c this.$off(type[, handler]) \u7684 API\u3002type \u662f\u76d1\u542c\u7684\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u7c7b\u578b\uff0chandler \u662f\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002
 \u5f53 handler \u88ab\u89e6\u53d1\u65f6\uff0c\u4f1a\u6709\u4e00\u4e2a\u4e8b\u4ef6">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u7ec4\u4ef6\u95f4\u901a\u4fe1\u81ea\u5b9a\u4e49\u4e8b\u4ef6Weex \u652f\u6301\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u6709\u4e24\u4e2a\u76f8\u5173\u7684\u8bbe\u8ba1\uff1a1\uff0c\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff1b2\uff0c\u521b\u5efa\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u3002
 \u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u6bcf\u4e2a Weex \u7684 ViewModel \u90fd\u652f\u6301 this.$on(type, handler) \u548c this.$off(type[, handler]) \u7684 API\u3002type \u662f\u76d1\u542c\u7684\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u7c7b\u578b\uff0chandler \u662f\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002
 \u5f53 handler \u88ab\u89e6\u53d1\u65f6\uff0c\u4f1a\u6709\u4e00\u4e2a\u4e8b\u4ef6">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u7ec4\u4ef6\u901a\u4fe1">
 <meta name="twitter:description" content="\u7ec4\u4ef6\u95f4\u901a\u4fe1\u81ea\u5b9a\u4e49\u4e8b\u4ef6Weex \u652f\u6301\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u6709\u4e24\u4e2a\u76f8\u5173\u7684\u8bbe\u8ba1\uff1a1\uff0c\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff1b2\uff0c\u521b\u5efa\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u7ec4\u4ef6\u95f4\u901a\u4fe1"><a href="#\u7ec4\u4ef6\u95f4\u901a\u4fe1" class="headerlink" title="\u7ec4\u4ef6\u95f4\u901a\u4fe1"></a>\u7ec4\u4ef6\u95f4\u901a\u4fe1</h1><h2 id="\u81ea\u5b9a\u4e49\u4e8b\u4ef6"><a href="#\u81ea\u5b9a\u4e49\u4e8b\u4ef6" class="headerlink" title="\u81ea\u5b9a\u4e49\u4e8b\u4ef6"></a>\u81ea\u5b9a\u4e49\u4e8b\u4ef6</h2><p>Weex \u652f\u6301\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff0c\u8fd9\u91cc\u6709\u4e24\u4e2a\u76f8\u5173\u7684\u8bbe\u8ba1\uff1a1\uff0c\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6\uff1b2\uff0c\u521b\u5efa\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u3002</p>
 <h2 id="\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6"><a href="#\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6" class="headerlink" title="\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6"></a>\u76d1\u542c\u81ea\u5b9a\u4e49\u4e8b\u4ef6</h2><p>\u6bcf\u4e2a Weex \u7684 ViewModel \u90fd\u652f\u6301 <code>this.$on(type, handler)</code> \u548c <code>this.$off(type[, handler])</code> \u7684 API\u3002<code>type</code> \u662f\u76d1\u542c\u7684\u81ea\u5b9a\u4e49\u4e8b\u4ef6\u7c7b\u578b\uff0c<code>handler</code> \u662f\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002</p>
@@ -553,7 +526,7 @@
           <a href="/v-0.10/guide/syntax/comm.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/comm.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/composed-component.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/composed-component.html b/content/cn/v-0.10/guide/syntax/composed-component.html
index c2863ee..a7ddf9a 100644
--- a/content/cn/v-0.10/guide/syntax/composed-component.html
+++ b/content/cn/v-0.10/guide/syntax/composed-component.html
@@ -5,49 +5,6 @@
   
   <title>\u7ec4\u4ef6\u5c01\u88c5 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u7ec4\u4ef6\u5c01\u88c5\u7ecf\u5e38\u6211\u4eec\u4f1a\u53d1\u73b0 Weex \u7684 &amp;lt;template&amp;gt; \u4e2d\u6709\u5f88\u591a\u53ef\u590d\u7528\u7684\u90e8\u5206\uff0c\u8fd9\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u5c06\u5176\u5c01\u88c5\u6210\u4e0a\u5c42\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e76\u91cd\u7528\u3002\u4f8b\u5982\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a foo.we \u7684\u6587\u4ef6\uff0c&amp;lt;foo&amp;gt; \u5c31\u662f\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u7684\u7ec4\u4ef6\u540d\u79f0\uff1a
 &amp;lt;!-- foo.we --&amp;gt;&amp;lt;template&amp;gt;  &amp;lt;div style=&quot;flex-direction: row;&quot;&amp;g">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u7ec4\u4ef6\u5c01\u88c5\u7ecf\u5e38\u6211\u4eec\u4f1a\u53d1\u73b0 Weex \u7684 &amp;lt;template&amp;gt; \u4e2d\u6709\u5f88\u591a\u53ef\u590d\u7528\u7684\u90e8\u5206\uff0c\u8fd9\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u5c06\u5176\u5c01\u88c5\u6210\u4e0a\u5c42\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e76\u91cd\u7528\u3002\u4f8b\u5982\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a foo.we \u7684\u6587\u4ef6\uff0c&amp;lt;foo&amp;gt; \u5c31\u662f\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u7684\u7ec4\u4ef6\u540d\u79f0\uff1a
 &amp;lt;!-- foo.we --&amp;gt;&amp;lt;template&amp;gt;  &amp;lt;div style=&quot;flex-direction: row;&quot;&amp;g">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u7ec4\u4ef6\u5c01\u88c5">
 <meta name="twitter:description" content="\u7ec4\u4ef6\u5c01\u88c5\u7ecf\u5e38\u6211\u4eec\u4f1a\u53d1\u73b0 Weex \u7684 &amp;lt;template&amp;gt; \u4e2d\u6709\u5f88\u591a\u53ef\u590d\u7528\u7684\u90e8\u5206\uff0c\u8fd9\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u5c06\u5176\u5c01\u88c5\u6210\u4e0a\u5c42\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e76\u91cd\u7528\u3002\u4f8b\u5982\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a foo.we \u7684\u6587\u4ef6\uff0c&amp;lt;foo&amp;gt; \u5c31\u662f\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u7684\u7ec4\u4ef6\u540d\u79f0\uff1a
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -516,7 +489,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u7ec4\u4ef6\u5c01\u88c5"><a href="#\u7ec4\u4ef6\u5c01\u88c5" class="headerlink" title="\u7ec4\u4ef6\u5c01\u88c5"></a>\u7ec4\u4ef6\u5c01\u88c5</h1><p>\u7ecf\u5e38\u6211\u4eec\u4f1a\u53d1\u73b0 Weex \u7684 <code>&lt;template&gt;</code> \u4e2d\u6709\u5f88\u591a\u53ef\u590d\u7528\u7684\u90e8\u5206\uff0c\u8fd9\u65f6\u5019\u6211\u4eec\u53ef\u4ee5\u5c06\u5176\u5c01\u88c5\u6210\u4e0a\u5c42\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e76\u91cd\u7528\u3002\u4f8b\u5982\u6211\u4eec\u53ef\u4ee5\u76f4\u63a5\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a <code>foo.we</code> \u7684\u6587\u4ef6\uff0c<code>&lt;foo&gt;</code> \u5c31\u662f\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u7684\u7ec4\u4ef6\u540d\u79f0\uff1a</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="comment">&lt;!-- foo.we --&gt;</span></div><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">style</span>=<span class="string">"flex-direction: row;"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">image</span> <span class="attr">src</span>=<span class="string">"&#123;&#123;image&#125;&#125;"</span>&gt;</span><span class="tag">&lt;/<span class="name">image</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span>&gt;</span>&#123;&#123;title&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&g
 t;</span></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> env = <span class="string">'foo'</span></div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">title</span>: <span class="literal">null</span>,</div><div class="line">      <span class="attr">image</span>: <span class="literal">null</span></div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -568,7 +541,7 @@
           <a href="/v-0.10/guide/syntax/composed-component.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/composed-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/config-n-data.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/config-n-data.html b/content/cn/v-0.10/guide/syntax/config-n-data.html
index 0697ba3..291ed42 100644
--- a/content/cn/v-0.10/guide/syntax/config-n-data.html
+++ b/content/cn/v-0.10/guide/syntax/config-n-data.html
@@ -5,49 +5,6 @@
   
   <title>\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e\u5728 Weex \u4e2d\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u4e00\u4e9b\u7279\u6b8a\u7684 &amp;lt;script&amp;gt; \u8fdb\u884c\u9875\u9762\u6574\u4f53\u914d\u7f6e\u3002
 \u6ce8\u610f\u4e8b\u9879\uff1a\u8fd9\u4e9b\u914d\u7f6e\u4f1a\u4ee3\u8868\u9875\u9762\u6574\u4f53\uff0c\u6240\u4ee5\u5199\u5728\u81ea\u5b9a\u4e49\u5b50\u7ec4\u4ef6\u4e2d\u662f\u65e0\u6548\u7684\uff0c\u53ea\u6709\u5199\u5728\u9876\u7ea7 ViewModel \u7684 &amp;lt;sctipt&amp;gt; \u4e2d\u624d\u4f1a\u751f\u6548\u3002
 \u5148\u4e3e\u4e2a\u4f8b\u5b50\uff1a
@@ -60,7 +17,7 @@
 \u6ce8\u610f\u4e8b\u9879\uff1a\u8fd9\u4e9b\u914d\u7f6e\u4f1a\u4ee3\u8868\u9875\u9762\u6574\u4f53\uff0c\u6240\u4ee5\u5199\u5728\u81ea\u5b9a\u4e49\u5b50\u7ec4\u4ef6\u4e2d\u662f\u65e0\u6548\u7684\uff0c\u53ea\u6709\u5199\u5728\u9876\u7ea7 ViewModel \u7684 &amp;lt;sctipt&amp;gt; \u4e2d\u624d\u4f1a\u751f\u6548\u3002
 \u5148\u4e3e\u4e2a\u4f8b\u5b50\uff1a
 &amp;lt;!-- definition of sub components --&amp;gt;&amp;lt;element name=&quot;sub-">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e">
 <meta name="twitter:description" content="\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e\u5728 Weex \u4e2d\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u4e00\u4e9b\u7279\u6b8a\u7684 &amp;lt;script&amp;gt; \u8fdb\u884c\u9875\u9762\u6574\u4f53\u914d\u7f6e\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -522,7 +495,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e"><a href="#\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e" class="headerlink" title="\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e"></a>\u9875\u9762\u914d\u7f6e\u548c\u9875\u9762\u6570\u636e</h1><p>\u5728 Weex \u4e2d\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7\u4e00\u4e9b\u7279\u6b8a\u7684 <code>&lt;script&gt;</code> \u8fdb\u884c\u9875\u9762\u6574\u4f53\u914d\u7f6e\u3002</p>
 <p><em>\u6ce8\u610f\u4e8b\u9879\uff1a\u8fd9\u4e9b\u914d\u7f6e\u4f1a\u4ee3\u8868\u9875\u9762\u6574\u4f53\uff0c\u6240\u4ee5\u5199\u5728\u81ea\u5b9a\u4e49\u5b50\u7ec4\u4ef6\u4e2d\u662f\u65e0\u6548\u7684\uff0c\u53ea\u6709\u5199\u5728\u9876\u7ea7 ViewModel \u7684 <code>&lt;sctipt&gt;</code> \u4e2d\u624d\u4f1a\u751f\u6548\u3002</em></p>
@@ -559,7 +532,7 @@
           <a href="/v-0.10/guide/syntax/config-n-data.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/config-n-data.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/data-binding.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/data-binding.html b/content/cn/v-0.10/guide/syntax/data-binding.html
index 28e6862..8eace94 100644
--- a/content/cn/v-0.10/guide/syntax/data-binding.html
+++ b/content/cn/v-0.10/guide/syntax/data-binding.html
@@ -5,49 +5,6 @@
   
   <title>\u6570\u636e\u7ed1\u5b9a | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6570\u636e\u7ed1\u5b9aWeex\u4f7f\u7528 mustache \u7684\u8bed\u6cd5 ({{...}}) \u6765\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u6a21\u677f\u548c &amp;lt;script&amp;gt; \u91cc\u7684\u6570\u636e\u8fdb\u884c\u7ed1\u5b9a. \u4e00\u65e6\u6570\u636e\u989d\u6a21\u677f\u7ed1\u5b9a\u4e86, \u6570\u636e\u4e0a\u7684\u4fee\u6539\u4f1a\u5b9e\u65f6\u7684\u5728\u6a21\u677f\u5185\u5bb9\u4e2d\u751f\u6548\u3002
 \u6570\u636e\u7ed1\u5b9a\u8def\u5f84&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text style=&quot;font-size: &amp;#123;&amp;#123;size&amp;">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u6570\u636e\u7ed1\u5b9aWeex\u4f7f\u7528 mustache \u7684\u8bed\u6cd5 ({{...}}) \u6765\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u6a21\u677f\u548c &amp;lt;script&amp;gt; \u91cc\u7684\u6570\u636e\u8fdb\u884c\u7ed1\u5b9a. \u4e00\u65e6\u6570\u636e\u989d\u6a21\u677f\u7ed1\u5b9a\u4e86, \u6570\u636e\u4e0a\u7684\u4fee\u6539\u4f1a\u5b9e\u65f6\u7684\u5728\u6a21\u677f\u5185\u5bb9\u4e2d\u751f\u6548\u3002
 \u6570\u636e\u7ed1\u5b9a\u8def\u5f84&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text style=&quot;font-size: &amp;#123;&amp;#123;size&amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6570\u636e\u7ed1\u5b9a">
 <meta name="twitter:description" content="\u6570\u636e\u7ed1\u5b9aWeex\u4f7f\u7528 mustache \u7684\u8bed\u6cd5 ({{...}}) \u6765\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u6a21\u677f\u548c &amp;lt;script&amp;gt; \u91cc\u7684\u6570\u636e\u8fdb\u884c\u7ed1\u5b9a. \u4e00\u65e6\u6570\u636e\u989d\u6a21\u677f\u7ed1\u5b9a\u4e86, \u6570\u636e\u4e0a\u7684\u4fee\u6539\u4f1a\u5b9e\u65f6\u7684\u5728\u6a21\u677f\u5185\u5bb9\u4e2d\u751f\u6548\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -516,7 +489,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6570\u636e\u7ed1\u5b9a"><a href="#\u6570\u636e\u7ed1\u5b9a" class="headerlink" title="\u6570\u636e\u7ed1\u5b9a"></a>\u6570\u636e\u7ed1\u5b9a</h1><p>Weex\u4f7f\u7528 <em>mustache</em> \u7684\u8bed\u6cd5 (<code>{{...}}</code>) \u6765\u5bf9 <code>&lt;template&gt;</code> \u4e2d\u7684\u6a21\u677f\u548c <code>&lt;script&gt;</code> \u91cc\u7684\u6570\u636e\u8fdb\u884c\u7ed1\u5b9a. \u4e00\u65e6\u6570\u636e\u989d\u6a21\u677f\u7ed1\u5b9a\u4e86, \u6570\u636e\u4e0a\u7684\u4fee\u6539\u4f1a\u5b9e\u65f6\u7684\u5728\u6a21\u677f\u5185\u5bb9\u4e2d\u751f\u6548\u3002</p>
 <h2 id="\u6570\u636e\u7ed1\u5b9a\u8def\u5f84"><a href="#\u6570\u636e\u7ed1\u5b9a\u8def\u5f84" class="headerlink" title="\u6570\u636e\u7ed1\u5b9a\u8def\u5f84"></a>\u6570\u636e\u7ed1\u5b9a\u8def\u5f84</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">style</span>=<span class="string">"font-size: &#123;&#123;size&#125;&#125;"</span>&gt;</span>&#123;&#123;title&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class=
 "line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;</div><div class="line">      <span class="attr">size</span>: <span class="number">48</span>,</div><div class="line">      <span class="attr">title</span>: <span class="string">'Alibaba Weex Team'</span></div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
@@ -583,7 +556,7 @@
           <a href="/v-0.10/guide/syntax/data-binding.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/data-binding.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/display-logic.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/display-logic.html b/content/cn/v-0.10/guide/syntax/display-logic.html
index 1074ca1..84b8ec5 100644
--- a/content/cn/v-0.10/guide/syntax/display-logic.html
+++ b/content/cn/v-0.10/guide/syntax/display-logic.html
@@ -5,49 +5,6 @@
   
   <title>\u5c55\u793a\u903b\u8f91\u63a7\u5236 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5c55\u793a\u903b\u8f91\u63a7\u5236Weex \u652f\u6301\u901a\u8fc7\u4e24\u79cd\u7279\u6b8a\u7684\u7279\u6027 if \u548c repeat \u786e\u5b9a\u7ec4\u4ef6\u7684\u663e\u793a\u903b\u8f91\uff0c\u8fd9\u4f1a\u4f7f\u5f97\u6574\u4e2a\u754c\u9762\u7684\u5c55\u793a\u903b\u8f91\u63a7\u5236\u66f4\u52a0\u7b80\u5355\u7075\u6d3b\u3002
 if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c\u503c\u4e3a\u771f\uff0c\u5219\u5f53\u524d\u7ec4\u4ef6\u4f1a\u88ab\u6e32\u67d3\u51fa\u6765\uff0c\u5982\u679c\u503c\u4e3a\u5047\u5219\u4f1a\u88ab\u79fb\u9664\u3002\u4f8b\u5982\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text onclick=&quot;toggle&quot;&amp;gt;Toggle Im">
@@ -58,7 +15,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
 <meta property="og:description" content="\u5c55\u793a\u903b\u8f91\u63a7\u5236Weex \u652f\u6301\u901a\u8fc7\u4e24\u79cd\u7279\u6b8a\u7684\u7279\u6027 if \u548c repeat \u786e\u5b9a\u7ec4\u4ef6\u7684\u663e\u793a\u903b\u8f91\uff0c\u8fd9\u4f1a\u4f7f\u5f97\u6574\u4e2a\u754c\u9762\u7684\u5c55\u793a\u903b\u8f91\u63a7\u5236\u66f4\u52a0\u7b80\u5355\u7075\u6d3b\u3002
 if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c\u503c\u4e3a\u771f\uff0c\u5219\u5f53\u524d\u7ec4\u4ef6\u4f1a\u88ab\u6e32\u67d3\u51fa\u6765\uff0c\u5982\u679c\u503c\u4e3a\u5047\u5219\u4f1a\u88ab\u79fb\u9664\u3002\u4f8b\u5982\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text onclick=&quot;toggle&quot;&amp;gt;Toggle Im">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5c55\u793a\u903b\u8f91\u63a7\u5236">
 <meta name="twitter:description" content="\u5c55\u793a\u903b\u8f91\u63a7\u5236Weex \u652f\u6301\u901a\u8fc7\u4e24\u79cd\u7279\u6b8a\u7684\u7279\u6027 if \u548c repeat \u786e\u5b9a\u7ec4\u4ef6\u7684\u663e\u793a\u903b\u8f91\uff0c\u8fd9\u4f1a\u4f7f\u5f97\u6574\u4e2a\u754c\u9762\u7684\u5c55\u793a\u903b\u8f91\u63a7\u5236\u66f4\u52a0\u7b80\u5355\u7075\u6d3b\u3002
@@ -121,13 +78,29 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5c55\u793a\u903b\u8f91\u63a7\u5236"><a href="#\u5c55\u793a\u903b\u8f91\u63a7\u5236" class="headerlink" title="\u5c55\u793a\u903b\u8f91\u63a7\u5236"></a>\u5c55\u793a\u903b\u8f91\u63a7\u5236</h1><p>Weex \u652f\u6301\u901a\u8fc7\u4e24\u79cd\u7279\u6b8a\u7684\u7279\u6027 <code>if</code> \u548c <code>repeat</code> \u786e\u5b9a\u7ec4\u4ef6\u7684\u663e\u793a\u903b\u8f91\uff0c\u8fd9\u4f1a\u4f7f\u5f97\u6574\u4e2a\u754c\u9762\u7684\u5c55\u793a\u903b\u8f91\u63a7\u5236\u66f4\u52a0\u7b80\u5355\u7075\u6d3b\u3002</p>
 <h2 id="if"><a href="#if" class="headerlink" title="if"></a><code>if</code></h2><p>\u901a\u8fc7\u8bbe\u7f6e <code>if</code> \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c\u503c\u4e3a\u771f\uff0c\u5219\u5f53\u524d\u7ec4\u4ef6\u4f1a\u88ab\u6e32\u67d3\u51fa\u6765\uff0c\u5982\u679c\u503c\u4e3a\u5047\u5219\u4f1a\u88ab\u79fb\u9664\u3002\u4f8b\u5982\uff1a</p>
@@ -594,7 +567,7 @@ if\u901a\u8fc7\u8bbe\u7f6e if \u7279\u6027\u503c\uff0c\u4f60\u53ef\u4ee5\u63a7\u5236\u5f53\u524d\u7ec4\u4ef6\u662f\u5426\u663e\u793a\u3002\u5982\u679c
           <a href="/v-0.10/guide/syntax/display-logic.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/display-logic.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/events.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/events.html b/content/cn/v-0.10/guide/syntax/events.html
index 1173441..61a7eaf 100644
--- a/content/cn/v-0.10/guide/syntax/events.html
+++ b/content/cn/v-0.10/guide/syntax/events.html
@@ -5,49 +5,6 @@
   
   <title>\u4e8b\u4ef6\u5904\u7406 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u4e8b\u4ef6\u5904\u7406Weex \u5141\u8bb8\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002
 \u57fa\u672c\u8bed\u6cd5\u4ee5 on... \u5f00\u5934\u7684\u5c31\u662f\u7528\u4e8e\u7ed1\u5b9a\u4e8b\u4ef6\u7684\u7279\u6027\uff0c\u7279\u6027\u540d\u4e2d on \u4e4b\u540e\u7684\u90e8\u5206\u5c31\u662f\u4e8b\u4ef6\u7684\u7c7b\u578b\uff0c\u7279\u6027\u7684\u503c\u5c31\u662f\u5904\u7406\u8be5\u4e8b\u4ef6\u7684\u51fd\u6570\u540d\u3002\u51fd\u6570\u540d\u5916\u4e0d\u9700\u8981\u6dfb\u52a0 mustache \u8bed\u6cd5\u4e2d\u7684\u5927\u62ec\u53f7\u3002\u4f8b\u5982\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text onclick=&quot;toggle&quot;&amp;gt">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u4e8b\u4ef6\u5904\u7406Weex \u5141\u8bb8\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002
 \u57fa\u672c\u8bed\u6cd5\u4ee5 on... \u5f00\u5934\u7684\u5c31\u662f\u7528\u4e8e\u7ed1\u5b9a\u4e8b\u4ef6\u7684\u7279\u6027\uff0c\u7279\u6027\u540d\u4e2d on \u4e4b\u540e\u7684\u90e8\u5206\u5c31\u662f\u4e8b\u4ef6\u7684\u7c7b\u578b\uff0c\u7279\u6027\u7684\u503c\u5c31\u662f\u5904\u7406\u8be5\u4e8b\u4ef6\u7684\u51fd\u6570\u540d\u3002\u51fd\u6570\u540d\u5916\u4e0d\u9700\u8981\u6dfb\u52a0 mustache \u8bed\u6cd5\u4e2d\u7684\u5927\u62ec\u53f7\u3002\u4f8b\u5982\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text onclick=&quot;toggle&quot;&amp;gt">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u4e8b\u4ef6\u5904\u7406">
 <meta name="twitter:description" content="\u4e8b\u4ef6\u5904\u7406Weex \u5141\u8bb8\u5bf9 &amp;lt;template&amp;gt; \u4e2d\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u4e8b\u4ef6\u5904\u7406"><a href="#\u4e8b\u4ef6\u5904\u7406" class="headerlink" title="\u4e8b\u4ef6\u5904\u7406"></a>\u4e8b\u4ef6\u5904\u7406</h1><p>Weex \u5141\u8bb8\u5bf9 <code>&lt;template&gt;</code> \u4e2d\u7684\u5143\u7d20\u7ed1\u5b9a\u4e8b\u4ef6\u5904\u7406\u51fd\u6570\u3002</p>
 <h2 id="\u57fa\u672c\u8bed\u6cd5"><a href="#\u57fa\u672c\u8bed\u6cd5" class="headerlink" title="\u57fa\u672c\u8bed\u6cd5"></a>\u57fa\u672c\u8bed\u6cd5</h2><p>\u4ee5 <code>on...</code> \u5f00\u5934\u7684\u5c31\u662f\u7528\u4e8e\u7ed1\u5b9a\u4e8b\u4ef6\u7684\u7279\u6027\uff0c\u7279\u6027\u540d\u4e2d <code>on</code> \u4e4b\u540e\u7684\u90e8\u5206\u5c31\u662f\u4e8b\u4ef6\u7684\u7c7b\u578b\uff0c\u7279\u6027\u7684\u503c\u5c31\u662f\u5904\u7406\u8be5\u4e8b\u4ef6\u7684\u51fd\u6570\u540d\u3002<em>\u51fd\u6570\u540d\u5916\u4e0d\u9700\u8981\u6dfb\u52a0 mustache \u8bed\u6cd5\u4e2d\u7684\u5927\u62ec\u53f7</em>\u3002\u4f8b\u5982\uff1a</p>
@@ -560,7 +533,7 @@
           <a href="/v-0.10/guide/syntax/events.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/events.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/guide/syntax/id.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/guide/syntax/id.html b/content/cn/v-0.10/guide/syntax/id.html
index eae0a68..8feec0a 100644
--- a/content/cn/v-0.10/guide/syntax/id.html
+++ b/content/cn/v-0.10/guide/syntax/id.html
@@ -5,49 +5,6 @@
   
   <title>\u627e\u8282\u70b9 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u627e\u8282\u70b9\u5728 Weex \u4e2d\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u5728\u7279\u5b9a\u7684\u5b50\u7ec4\u4ef6\u4e0a\u8bbe\u7f6e id \u7279\u6027\uff0c\u4ee5\u6b64\u5728\u8be5 &amp;lt;template&amp;gt; \u5185\u552f\u4e00\u6807\u8bc6\u8fd9\u4e2a\u7ec4\u4ef6\u3002
 \u83b7\u53d6\u5b50\u7ec4\u4ef6\u60a8\u53ef\u4ee5\u5728\u7236\u7ec4\u4ef6\u4e0a\u4e0b\u6587\u4e2d\u4f7f\u7528 this.$el(id) \u6765\u627e\u5230\u8be5\u7ec4\u4ef6\uff0c\u4ee5\u8fd0\u7528 scrollToElement() \u4e3a\u4f8b\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text id=&quot;goto-top&quot;&amp;gt;Top&amp;lt;/t">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u627e\u8282\u70b9\u5728 Weex \u4e2d\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u5728\u7279\u5b9a\u7684\u5b50\u7ec4\u4ef6\u4e0a\u8bbe\u7f6e id \u7279\u6027\uff0c\u4ee5\u6b64\u5728\u8be5 &amp;lt;template&amp;gt; \u5185\u552f\u4e00\u6807\u8bc6\u8fd9\u4e2a\u7ec4\u4ef6\u3002
 \u83b7\u53d6\u5b50\u7ec4\u4ef6\u60a8\u53ef\u4ee5\u5728\u7236\u7ec4\u4ef6\u4e0a\u4e0b\u6587\u4e2d\u4f7f\u7528 this.$el(id) \u6765\u627e\u5230\u8be5\u7ec4\u4ef6\uff0c\u4ee5\u8fd0\u7528 scrollToElement() \u4e3a\u4f8b\uff1a
 &amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;text id=&quot;goto-top&quot;&amp;gt;Top&amp;lt;/t">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u627e\u8282\u70b9">
 <meta name="twitter:description" content="\u627e\u8282\u70b9\u5728 Weex \u4e2d\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u5728\u7279\u5b9a\u7684\u5b50\u7ec4\u4ef6\u4e0a\u8bbe\u7f6e id \u7279\u6027\uff0c\u4ee5\u6b64\u5728\u8be5 &amp;lt;template&amp;gt; \u5185\u552f\u4e00\u6807\u8bc6\u8fd9\u4e2a\u7ec4\u4ef6\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -519,7 +492,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u627e\u8282\u70b9"><a href="#\u627e\u8282\u70b9" class="headerlink" title="\u627e\u8282\u70b9"></a>\u627e\u8282\u70b9</h1><p>\u5728 Weex \u4e2d\uff0c\u60a8\u53ef\u4ee5\u901a\u8fc7\u5728\u7279\u5b9a\u7684\u5b50\u7ec4\u4ef6\u4e0a\u8bbe\u7f6e <code>id</code> \u7279\u6027\uff0c\u4ee5\u6b64\u5728\u8be5 <code>&lt;template&gt;</code> \u5185\u552f\u4e00\u6807\u8bc6\u8fd9\u4e2a\u7ec4\u4ef6\u3002</p>
 <h2 id="\u83b7\u53d6\u5b50\u7ec4\u4ef6"><a href="#\u83b7\u53d6\u5b50\u7ec4\u4ef6" class="headerlink" title="\u83b7\u53d6\u5b50\u7ec4\u4ef6"></a>\u83b7\u53d6\u5b50\u7ec4\u4ef6</h2><p>\u60a8\u53ef\u4ee5\u5728\u7236\u7ec4\u4ef6\u4e0a\u4e0b\u6587\u4e2d\u4f7f\u7528 <code>this.$el(id)</code> \u6765\u627e\u5230\u8be5\u7ec4\u4ef6\uff0c\u4ee5\u8fd0\u7528 <code>scrollToElement()</code> \u4e3a\u4f8b\uff1a</p>
@@ -555,7 +528,7 @@
           <a href="/v-0.10/guide/syntax/id.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/guide/syntax/id.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[17/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/scroller.html
----------------------------------------------------------------------
diff --git a/content/examples/scroller.html b/content/examples/scroller.html
index 587412b..7da97c1 100644
--- a/content/examples/scroller.html
+++ b/content/examples/scroller.html
@@ -5,56 +5,13 @@
   
   <title>scroller | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
 <meta property="og:type" content="website">
 <meta property="og:title" content="scroller">
 <meta property="og:url" content="https://weex.apache.org/examples/scroller.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="scroller">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;scroller class=&quot;scroller&quot;&amp;gt;      &amp;lt;div class=&quot;row&quot; v-for=&quot;(name, index) in rows&quot; :ref=&quot;&apos;item&apos;+index&quot;&amp;gt;        &amp;lt;text class=&quot;text&quot; :ref=&quot;&apos;te">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/scroller.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/scroller.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/scroller.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/scroller.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/slider.html
----------------------------------------------------------------------
diff --git a/content/examples/slider.html b/content/examples/slider.html
index d90297f..6860899 100644
--- a/content/examples/slider.html
+++ b/content/examples/slider.html
@@ -5,56 +5,13 @@
   
   <title>slider | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;3000&quot; auto-play=&quot;true&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot; :s">
 <meta property="og:type" content="website">
 <meta property="og:title" content="slider">
 <meta property="og:url" content="https://weex.apache.org/examples/slider.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;3000&quot; auto-play=&quot;true&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot; :s">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="slider">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;slider class=&quot;slider&quot; interval=&quot;3000&quot; auto-play=&quot;true&quot;&amp;gt;      &amp;lt;div class=&quot;frame&quot; v-for=&quot;img in imageList&quot;&amp;gt;        &amp;lt;image class=&quot;image&quot; resize=&quot;cover&quot; :s">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/slider.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/slider.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/slider.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/slider.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/storage.html
----------------------------------------------------------------------
diff --git a/content/examples/storage.html b/content/examples/storage.html
index 1c127f1..c6cc6cf 100644
--- a/content/examples/storage.html
+++ b/content/examples/storage.html
@@ -5,56 +5,13 @@
   
   <title>storage | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;list&quot;&amp;gt;    &amp;lt;div class=&quot;group center&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;&amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123;&amp;#123;state&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;&amp;lt;/div&amp;gt;    &amp;lt;/div">
 <meta property="og:type" content="website">
 <meta property="og:title" content="storage">
 <meta property="og:url" content="https://weex.apache.org/examples/storage.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;list&quot;&amp;gt;    &amp;lt;div class=&quot;group center&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;&amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123;&amp;#123;state&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;&amp;lt;/div&amp;gt;    &amp;lt;/div">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="storage">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;list&quot;&amp;gt;    &amp;lt;div class=&quot;group center&quot;&amp;gt;      &amp;lt;div class=&quot;panel&quot;&amp;gt;&amp;lt;text class=&quot;text&quot;&amp;gt;&amp;#123;&amp;#123;state&amp;#125;&amp;#125;&amp;lt;/text&amp;gt;&amp;lt;/div&amp;gt;    &amp;lt;/div">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/storage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/storage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/storage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/stream.html
----------------------------------------------------------------------
diff --git a/content/examples/stream.html b/content/examples/stream.html
index 0778ed4..9724ff6 100644
--- a/content/examples/stream.html
+++ b/content/examples/stream.html
@@ -5,56 +5,13 @@
   
   <title>stream | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;text class=&quot;title&quot;&amp;gt;Weex Star :&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;count&quot;&amp;gt;&amp;#123;&amp;#123;weexStar&amp;#125;&amp;#125;&amp;lt;/t">
 <meta property="og:type" content="website">
 <meta property="og:title" content="stream">
 <meta property="og:url" content="https://weex.apache.org/examples/stream.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;text class=&quot;title&quot;&amp;gt;Weex Star :&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;count&quot;&amp;gt;&amp;#123;&amp;#123;weexStar&amp;#125;&amp;#125;&amp;lt;/t">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="stream">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;text class=&quot;title&quot;&amp;gt;Weex Star :&amp;lt;/text&amp;gt;      &amp;lt;text class=&quot;count&quot;&amp;gt;&amp;#123;&amp;#123;weexStar&amp;#125;&amp;#125;&amp;lt;/t">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/stream.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -251,7 +224,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/stream.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/stream.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/switch.html
----------------------------------------------------------------------
diff --git a/content/examples/switch.html b/content/examples/switch.html
index 0e5a99a..f6c17bf 100644
--- a/content/examples/switch.html
+++ b/content/examples/switch.html
@@ -5,56 +5,13 @@
   
   <title>switch | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;lt;text class=&quot;label&quot;&amp;gt;normal&amp;lt;/text&amp;gt;      &amp;lt;switch&amp;gt;&amp;lt;/switch&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="switch">
 <meta property="og:url" content="https://weex.apache.org/examples/switch.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;lt;text class=&quot;label&quot;&amp;gt;normal&amp;lt;/text&amp;gt;      &amp;lt;switch&amp;gt;&amp;lt;/switch&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="switch">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;lt;text class=&quot;label&quot;&amp;gt;normal&amp;lt;/text&amp;gt;      &amp;lt;switch&amp;gt;&amp;lt;/switch&amp;gt;    &amp;lt;/div&amp;gt;    &amp;lt;div class=&quot;example&quot;&amp;gt;      &amp;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/switch.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/switch.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/switch.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/switch.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/text.html
----------------------------------------------------------------------
diff --git a/content/examples/text.html b/content/examples/text.html
index bf8d120..9703e0b 100644
--- a/content/examples/text.html
+++ b/content/examples/text.html
@@ -5,56 +5,13 @@
   
   <title>text | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;panel&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; lines=&quot;3&quot;&amp;gt;Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 Web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684\u539f\u751f\u5e94\u7528\u3002Vue \u662f\u4e00\u4e2a\u8f7b\u91cf\u5e76\u4e14\u529f\u80fd\u5f3a\u5927\u7684\u6e10\u8fdb\u5f0f\u524d\u7aef\u6846\u67b6\u3002&amp;lt;/text&amp;gt;">
 <meta property="og:type" content="website">
 <meta property="og:title" content="text">
 <meta property="og:url" content="https://weex.apache.org/examples/text.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;panel&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; lines=&quot;3&quot;&amp;gt;Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 Web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684\u539f\u751f\u5e94\u7528\u3002Vue \u662f\u4e00\u4e2a\u8f7b\u91cf\u5e76\u4e14\u529f\u80fd\u5f3a\u5927\u7684\u6e10\u8fdb\u5f0f\u524d\u7aef\u6846\u67b6\u3002&amp;lt;/text&amp;gt;">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="text">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;panel&quot;&amp;gt;      &amp;lt;text class=&quot;text&quot; lines=&quot;3&quot;&amp;gt;Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 Web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684\u539f\u751f\u5e94\u7528\u3002Vue \u662f\u4e00\u4e2a\u8f7b\u91cf\u5e76\u4e14\u529f\u80fd\u5f3a\u5927\u7684\u6e10\u8fdb\u5f0f\u524d\u7aef\u6846\u67b6\u3002&amp;lt;/text&amp;gt;">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -251,7 +224,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/textarea.html
----------------------------------------------------------------------
diff --git a/content/examples/textarea.html b/content/examples/textarea.html
index a287435..1f3ddce 100644
--- a/content/examples/textarea.html
+++ b/content/examples/textarea.html
@@ -5,56 +5,13 @@
   
   <title>textarea | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;textarea class=&quot;textarea&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;&amp;lt;/textarea&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;l">
 <meta property="og:type" content="website">
 <meta property="og:title" content="textarea">
 <meta property="og:url" content="https://weex.apache.org/examples/textarea.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;textarea class=&quot;textarea&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;&amp;lt;/textarea&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;l">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="textarea">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;textarea class=&quot;textarea&quot; @input=&quot;oninput&quot; @change=&quot;onchange&quot; @focus=&quot;onfocus&quot; @blur=&quot;onblur&quot;&amp;gt;&amp;lt;/textarea&amp;gt;  &amp;lt;/div&amp;gt;&amp;lt;/template&amp;gt;&amp;l">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -251,7 +224,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/video.html
----------------------------------------------------------------------
diff --git a/content/examples/video.html b/content/examples/video.html
index 0b71795..50d1d21 100644
--- a/content/examples/video.html
+++ b/content/examples/video.html
@@ -5,56 +5,13 @@
   
   <title>video | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;video class=&quot;video&quot; :src=&quot;src&quot; autoplay controls      @start=&quot;onstart&quot; @pause=&quot;onpause&quot; @finish=&quot;onfinish&quot; @fail=&quot;onfail&quot;&amp;gt;&amp;lt;/video&amp;gt;    &amp;lt;text class=&quot;info">
 <meta property="og:type" content="website">
 <meta property="og:title" content="video">
 <meta property="og:url" content="https://weex.apache.org/examples/video.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;video class=&quot;video&quot; :src=&quot;src&quot; autoplay controls      @start=&quot;onstart&quot; @pause=&quot;onpause&quot; @finish=&quot;onfinish&quot; @fail=&quot;onfail&quot;&amp;gt;&amp;lt;/video&amp;gt;    &amp;lt;text class=&quot;info">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="video">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div&amp;gt;    &amp;lt;video class=&quot;video&quot; :src=&quot;src&quot; autoplay controls      @start=&quot;onstart&quot; @pause=&quot;onpause&quot; @finish=&quot;onfinish&quot; @fail=&quot;onfail&quot;&amp;gt;&amp;lt;/video&amp;gt;    &amp;lt;text class=&quot;info">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/examples/web.html
----------------------------------------------------------------------
diff --git a/content/examples/web.html b/content/examples/web.html
index fbfeb7f..5171585 100644
--- a/content/examples/web.html
+++ b/content/examples/web.html
@@ -5,56 +5,13 @@
   
   <title>web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;input class=&quot;input&quot; ref=&quot;input&quot; type=&quot;url&quot; autofocus=&quot;false&quot; value=&quot;https://m.taobao.com&quot;&amp;gt;&amp;lt;/input&amp;gt;    &amp;lt;/">
 <meta property="og:type" content="website">
 <meta property="og:title" content="web">
 <meta property="og:url" content="https://weex.apache.org/examples/web.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;input class=&quot;input&quot; ref=&quot;input&quot; type=&quot;url&quot; autofocus=&quot;false&quot; value=&quot;https://m.taobao.com&quot;&amp;gt;&amp;lt;/input&amp;gt;    &amp;lt;/">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="web">
 <meta name="twitter:description" content="&amp;lt;template&amp;gt;  &amp;lt;div class=&quot;wrapper&quot;&amp;gt;    &amp;lt;div class=&quot;group&quot;&amp;gt;      &amp;lt;input class=&quot;input&quot; ref=&quot;input&quot; type=&quot;url&quot; autofocus=&quot;false&quot; value=&quot;https://m.taobao.com&quot;&amp;gt;&amp;lt;/input&amp;gt;    &amp;lt;/">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/examples/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/examples/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -250,7 +223,7 @@ var qrcode = new QRCode(document.getElementById("qrcode-img"), {
           <a href="/examples/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/examples/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/examples/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/faq.html
----------------------------------------------------------------------
diff --git a/content/faq.html b/content/faq.html
index 836c576..230881f 100644
--- a/content/faq.html
+++ b/content/faq.html
@@ -5,49 +5,6 @@
   
   <title>FAQ | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="FAQwhere are legacy docs?
 Guide
 References
@@ -68,7 +25,7 @@ Tools
 
 Command errors in WindowsPlease install Git for Windows first, see For Windows for more information.
 Gradle errors in Android StudioDownloadi">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="FAQ">
 <meta name="twitter:description" content="FAQwhere are legacy docs?
@@ -136,13 +93,29 @@ Gradle errors in Android StudioDownloadi">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/faq.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/faq.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -161,7 +134,7 @@ Gradle errors in Android StudioDownloadi">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -179,7 +152,7 @@ Gradle errors in Android StudioDownloadi">
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -227,7 +200,7 @@ Gradle errors in Android StudioDownloadi">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="FAQ"><a href="#FAQ" class="headerlink" title="FAQ"></a>FAQ</h1><h2 id="where-are-legacy-docs"><a href="#where-are-legacy-docs" class="headerlink" title="where are legacy docs?"></a>where are legacy docs?</h2><ul>
 <li><a href="./v-0.10/guide/index.html">Guide</a></li>
@@ -297,7 +270,7 @@ Gradle errors in Android StudioDownloadi">
           <a href="/faq.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/faq.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/faq.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/dev-with-weexpack.html
----------------------------------------------------------------------
diff --git a/content/guide/dev-with-weexpack.html b/content/guide/dev-with-weexpack.html
index 887f31b..6a24994 100644
--- a/content/guide/dev-with-weexpack.html
+++ b/content/guide/dev-with-weexpack.html
@@ -5,56 +5,13 @@
   
   <title>Build A New App | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Build a New AppWork in progress.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Build A New App">
 <meta property="og:url" content="https://weex.apache.org/guide/dev-with-weexpack.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Build a New AppWork in progress.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Build A New App">
 <meta name="twitter:description" content="Build a New AppWork in progress.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/dev-with-weexpack.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/dev-with-weexpack.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -269,7 +242,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -405,7 +378,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -423,7 +396,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Build-a-New-App"><a href="#Build-a-New-App" class="headerlink" title="Build a New App"></a>Build a New App</h1><p>Work in progress.</p>
 
@@ -447,7 +420,7 @@
           <a href="/guide/dev-with-weexpack.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/dev-with-weexpack.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/dev-with-weexpack.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/index.html
----------------------------------------------------------------------
diff --git a/content/guide/index.html b/content/guide/index.html
index a4874a4..4a189ae 100644
--- a/content/guide/index.html
+++ b/content/guide/index.html
@@ -5,49 +5,6 @@
   
   <title>Get Started | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Get StartedWeex is a framework for building Mobile cross-platform high performance UI. Developers can write *.vue files to build native pages or an App. This page will help you write a Weex page in 2">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Get Started">
@@ -56,7 +13,7 @@
 <meta property="og:description" content="Get StartedWeex is a framework for building Mobile cross-platform high performance UI. Developers can write *.vue files to build native pages or an App. This page will help you write a Weex page in 2">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Get Started">
 <meta name="twitter:description" content="Get StartedWeex is a framework for building Mobile cross-platform high performance UI. Developers can write *.vue files to build native pages or an App. This page will help you write a Weex page in 2">
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -272,7 +245,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -408,7 +381,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -426,20 +399,23 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Get-Started"><a href="#Get-Started" class="headerlink" title="Get Started"></a>Get Started</h1><p>Weex is a framework for building Mobile cross-platform high performance UI. Developers can write <code>*.vue</code> files to build native pages or an App. This page will help you write a Weex page in 2 minutes.</p>
-<h2 id="What-is-Vue"><a href="#What-is-Vue" class="headerlink" title="What is Vue?"></a>What is Vue?</h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> is an excellent progressive JavaScript framework written by <a href="https://twitter.com/youyuxi" target="_blank" rel="external">Evan You</a> which is very ease and flexible to use. Developers can write <code>*.vue</code> files with friendly <code>&lt;template&gt;</code>, <code>&lt;style&gt;</code>, <code>&lt;script&gt;</code> tags to build componentized web app. Now Weex and Vue has supported each other officially. Weex put Vue 2.x as its built-in JS Framework, and Vue has already been able to develop native mobile app.</p>
+<h2 id="What-is-Vue"><a href="#What-is-Vue" class="headerlink" title="What is Vue?"></a>What is Vue?</h2><p><a href="https://vuejs.org/" target="_blank" rel="external">Vue.js</a> is an excellent progressive JavaScript framework written by <a href="https://twitter.com/youyuxi" target="_blank" rel="external">Evan You</a>. Now Weex and Vue has supported each other officially. Weex put Vue 2.x as its built-in JS Framework, and Vue has already been able to develop native mobile app.</p>
 <h2 id="Hello-world"><a href="#Hello-world" class="headerlink" title="Hello world"></a>Hello world</h2><p>The easiest way to try Weex is to use the <a href="../playground.html">Playground App</a> and write a Hello World example at <a href="https://dotwe.org" target="_blank" rel="external">dotWe</a>. You don\u2019t need to consider installing the development environment or writing native code, just do the following two things:</p>
 <ul>
 <li>Install the <a href="../playground.html">Playground App</a> for your phone.</li>
 <li>Open <a href="http://dotwe.org/vue/4d5a0471ece3daabd4681bc6d703c4c1" target="_blank" rel="external">the Hello World example</a> in a new tab, click run, and then use the Playground App to scan the QR code.</li>
 </ul>
-<p>Nailed it!</p>
+<p>Nailed it! In this case, We can see HTML semantic tags, CSS styles and Javascript code. This is one of the simplest Weex examples. It rendered a \u201cHello World\u201d in the page. Please note that this is not a Web page.</p>
 <p><img src="https://img.alicdn.com/tps/TB1Ymw3OpXXXXcvXpXXXXXXXXXX-500-1013.jpg" alt="mobile_preview"></p>
+<h3 id="What-happened"><a href="#What-happened" class="headerlink" title="What happened?"></a>What happened?</h3><p>As shown in the following code\uff1a</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;text&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="undefined"></span></div><div class="line">  .text &#123;</div><div class="line">    font-size: 50;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</s
 pan>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">text</span>: <span class="string">'Hello World.'</span></div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
 <p>It\u2019s too easy\uff0cright? Let\u2019s focus on the syntax, obviously this is vue.</p>
 <p>You can try to modify the Hello World, then generate a new QR code to scan.</p>
-<h2 id="Set-up-development-environment"><a href="#Set-up-development-environment" class="headerlink" title="Set up development environment"></a>Set up development environment</h2><p>You will need Node.js and the Weex CLi.</p>
+<h2 id="Set-up-development-environment"><a href="#Set-up-development-environment" class="headerlink" title="Set up development environment"></a>Set up development environment</h2><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 Weex CLi.</p>
 <p>You can installing Node using <a href="https://github.com/creationix/nvm" target="_blank" rel="external">nvm</a> (Simple bash script to manage multiple active node.js versions). Run the following commands in a Terminal after installing nvm:</p>
 <figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ nvm install 6.10.0</div><div class="line">$ nvm use 6.10.0</div></pre></td></tr></table></figure>
 <p>Node.js comes with npm, which lets you install the Weex Cli.</p>
@@ -477,7 +453,7 @@
           <a href="/guide/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/content/guide/integrate-to-your-app.html b/content/guide/integrate-to-your-app.html
index 0324e51..429dc68 100644
--- a/content/guide/integrate-to-your-app.html
+++ b/content/guide/integrate-to-your-app.html
@@ -5,49 +5,6 @@
   
   <title>Integrate to Your App | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="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:type" content="website">
@@ -56,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-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.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.    
@@ -118,13 +75,29 @@ Android has tow ways to integrate weex1.using source cod">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/integrate-to-your-app.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/integrate-to-your-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Android has tow ways to integrate weex1.using source cod">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -272,7 +245,7 @@ Android has tow ways to integrate weex1.using source cod">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -408,7 +381,7 @@ Android has tow ways to integrate weex1.using source cod">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -426,7 +399,7 @@ Android has tow ways to integrate weex1.using source cod">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/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>
@@ -503,7 +476,7 @@ Android has tow ways to integrate weex1.using source cod">
           <a href="/guide/integrate-to-your-app.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/integrate-to-your-app.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/integrate-to-your-app.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/content/guide/intro/app-architecture.html b/content/guide/intro/app-architecture.html
index 9a71d07..cfcd223 100644
--- a/content/guide/intro/app-architecture.html
+++ b/content/guide/intro/app-architecture.html
@@ -5,49 +5,6 @@
   
   <title>Mobile App Architecture | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Mobile App ArchitectureToday\u2019s Mobile AppLet\u2019s talk about what we think a mobile app should be.
 Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the ability to develop in p">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Mobile App ArchitectureToday\u2019s Mobile AppLet\u2019s talk about what we think a mobile app should be.
 Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the ability to develop in p">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Mobile App Architecture">
 <meta name="twitter:description" content="Mobile App ArchitectureToday\u2019s Mobile AppLet\u2019s talk about what we think a mobile app should be.
@@ -118,13 +75,29 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/intro/app-architecture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/intro/app-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -272,7 +245,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -408,7 +381,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -426,7 +399,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Mobile-App-Architecture"><a href="#Mobile-App-Architecture" class="headerlink" title="Mobile App Architecture"></a>Mobile App Architecture</h1><h2 id="Today\u2019s-Mobile-App"><a href="#Today\u2019s-Mobile-App" class="headerlink" title="Today\u2019s Mobile App"></a>Today\u2019s Mobile App</h2><p>Let\u2019s talk about what we think a mobile app should be.</p>
 <h3 id="Mobile-App-Needs-Parallel-Development"><a href="#Mobile-App-Needs-Parallel-Development" class="headerlink" title="Mobile App Needs Parallel Development"></a>Mobile App Needs Parallel Development</h3><p>Nowadays, all mobile app teams requires the ability to develop in parallel. When a mobile app keeps growing, supporting large-scale parallel development must become a very important key thing. Otherwise it\u2019s really easy to become a bottleneck.</p>
@@ -473,7 +446,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
           <a href="/guide/intro/app-architecture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/intro/app-architecture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/intro/app-architecture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[31/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/clipboard.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/clipboard.html b/content/cn/references/modules/clipboard.html
index 7f22f83..e7f2380 100644
--- a/content/cn/references/modules/clipboard.html
+++ b/content/cn/references/modules/clipboard.html
@@ -5,49 +5,6 @@
   
   <title>clipboard | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="clipboard \u526a\u5207\u677fv0.8+
 \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 clipboard \u6a21\u5757\u7684 getString()\u3001setString() \u63a5\u53e3\u4ece\u7cfb\u7edf\u7684\u7c98\u8d34\u677f\u83b7\u53d6\u5185\u5bb9\u6216\u8005\u8bbe\u7f6e\u5185\u5bb9\u3002
 \u4ee5\u524d\u5f53\u6211\u4eec\u6536\u5230\u4e00\u6761\u77ed\u4fe1\u9a8c\u8bc1\u7801\u4fe1\u606f\u65f6\uff0c\u9664\u4e86\u4eba\u8089\u62f7\u8d1d\uff0c\u6211\u4eec\u65e0\u6cd5\u83b7\u53d6\u62f7\u8d1d\u77ed\u4fe1\u7684\u5185\u5bb9\u3002\u8fd9\u662f\u975e\u5e38\u82e6\u607c\u7684\u3002\u4f46\u662f\u73b0\u5728\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u7684\u8c03\u7528 clipboard.getString() \u63a5\u53e3\u6765\u83b7\u53d6\u77ed\u4fe1\u5185\u5bb9\u4e86\u3002
@@ -66,7 +23,7 @@
 
 \u4ec5\u652f\u6301\u6587\u672c\u62f7\u8d1d
 \u51fa\u4e8e\u5b89\u5168\u8003\u8651">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="clipboard">
 <meta name="twitter:description" content="clipboard \u526a\u5207\u677fv0.8+
@@ -133,13 +90,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/clipboard.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="clipboard-\u526a\u5207\u677f"><a href="#clipboard-\u526a\u5207\u677f" class="headerlink" title="clipboard \u526a\u5207\u677f"></a><code>clipboard</code> \u526a\u5207\u677f</h1><p><span class="weex-version">v0.8+</span></p>
 <p>\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7 <code>clipboard</code> \u6a21\u5757\u7684 <code>getString()</code>\u3001<code>setString()</code> \u63a5\u53e3\u4ece\u7cfb\u7edf\u7684\u7c98\u8d34\u677f\u83b7\u53d6\u5185\u5bb9\u6216\u8005\u8bbe\u7f6e\u5185\u5bb9\u3002</p>
@@ -1384,7 +1357,7 @@
 <li><code>text {string}</code>\uff1a\u8981\u590d\u5236\u5230\u526a\u5207\u677f\u7684\u5b57\u7b26\u4e32\u3002</li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"div"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"onItemClick"</span>&gt;</span>&#123;&#123;message&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="att
 r">class</span>=<span class="string">"div"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setContent"</span>&gt;</span>Click to copy: &#123;&#123;tobecopied&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> clipboard = weex.requireModule(<span class="string">'clipboard'</span>)</div><div class="line"></div><div class=
 "line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">tobecopied</span>: <span class="string">'yay!'</span>,</div><div class="line">        <span class="attr">message</span>: <span class="string">'nothing.'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line"></div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      setContent () &#123;</div><div class="line">        clipboard.setString(<span class="keyword">this</span>.tobecopied)</div><div class="line">      &#125;,</div><div class="line">      onItemClick () &#123;</div><div class="line">        <span class="keyword">this</span>.message = <span class="string">'clicked! '</span></div><div class="line">        clipboard.getString(<span class="functi
 on"><span class="params">ret</span> =&gt;</span> &#123;</div><div class="line">          <span class="keyword">this</span>.message = <span class="string">'text from clipboard:'</span> + ret.data</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.div</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-between;</div><div class="line">    <span class="attribute">align-items</span>: center;</div><div class="line">    <span class="attribute">width</span>: <span class="nu
 mber">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">30px</span>;</div><div class="line"></div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">1px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">90px</span>;</div><div class="line">  &#125;</d
 iv><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/clipboard.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/126d3cfc5533393e28943978b07aa5c1" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1406,7 +1379,7 @@
           <a href="/references/modules/clipboard.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/clipboard.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/clipboard.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/dom.html b/content/cn/references/modules/dom.html
index d1dbe4a..0708047 100644
--- a/content/cn/references/modules/dom.html
+++ b/content/cn/references/modules/dom.html
@@ -5,49 +5,6 @@
   
   <title>dom | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="dom\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002
 \u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002
 \u5f00\u53d1\u8005\u5728\u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u552f\u4e00\u53ef\u5728 .we \u6587\u4ef6\u4e2d\u4f7f\u7528\u7684\u662f scrollToElement\u3002\u4f60\u4e5f\u53ef\u4ee5\u8c03\u7528 $scrollTo \u65b9\u6cd5\u6765\u4f7f\u7528\u5b83
@@ -60,7 +17,7 @@
 \u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002
 \u5f00\u53d1\u8005\u5728\u65e5\u5e38\u5f00\u53d1\u4e2d\uff0c\u552f\u4e00\u53ef\u5728 .we \u6587\u4ef6\u4e2d\u4f7f\u7528\u7684\u662f scrollToElement\u3002\u4f60\u4e5f\u53ef\u4ee5\u8c03\u7528 $scrollTo \u65b9\u6cd5\u6765\u4f7f\u7528\u5b83
 \u8fd9\u4e2a\u9875\u9762\u63d0\u53ca\u7684\u5176\u4ed6\u7684 API\uff0c\u53ea\u5728 callNative \u8fdb\u7a0b\u4e2d\u7684 native \u6e32\u67d3\u5668\u7528\u3002\uff08\u5173\u4e8e callNativ">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom">
 <meta name="twitter:description" content="dom\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002
@@ -124,13 +81,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/dom.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="dom"><a href="#dom" class="headerlink" title="dom"></a>dom</h1><p>\u5305\u542b\u5982\u4e0b\u53ef\u4ee5\u66f4\u65b0 dom \u6811\u7684 dom API\u3002</p>
 <p>\u8fd9\u90e8\u5206API\u662f\u901a\u8fc7\u628a virtual-dom \u7684\u6d88\u606f\u53d1\u9001\u5230 native \u6e32\u67d3\u5668\u6765\u505a\u5230\u7684\u3002</p>
@@ -1369,12 +1342,12 @@
 </li>
 </ul>
 <h4 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h4><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span cl
 ass="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>&gt;</span>&#123;&#123;name&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 10<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto2
 0"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 20<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">rows<
 /span>: []</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i &lt; <span class="number">30</span>; i++) &#123;</div><div class="line">        <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      goto10 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123;&#125;)</div><div class="line">      &#125;,</div><div class="line">      goto20 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span
  class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123; <span class="attr">offset</span>: <span class="number">0</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.scroller</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">3px</span>;</div><div class="line">    <span class="attr
 ibute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.row</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-bottom-style</span>: solid;</div><div class="line">    <span class="attribute">border-bo
 ttom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="comment">/*justify-content: space-around;*/</span></div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</
 span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color<
 /span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/dom-scroll.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/56e0d256cbb26facd958dbd6424f42b2" target="_blank" rel="external">try it</a></p>
 <h3 id="getComponentRect-ref-callback-v0-9-4"><a href="#getComponentRect-ref-callback-v0-9-4" class="headerlink" title="getComponentRect(ref, callback) v0.9.4+"></a>getComponentRect(ref, callback) <span class="api-version">v0.9.4+</span></h3><p>\u901a\u8fc7\u6807\u7b7e\u7684 <code>ref</code> \u83b7\u5f97\u5176\u5e03\u5c40\u4fe1\u606f\uff0c\u8fd4\u56de\u7684\u4fe1\u606f\u5728 <code>callBack</code> \u4e2d\uff0c\u683c\u5f0f\u53c2\u8003\u5982\u4e0b\uff1a</p>
 <figure class="highlight"><table><tr><td class="code"><pre><div class="line">&#123;</div><div class="line">  result: true,</div><div class="line">  size: &#123;</div><div class="line">    bottom: 60,</div><div class="line">    height: 15,</div><div class="line">    left: 0,</div><div class="line">    right: 353,</div><div class="line">    top: 45,</div><div class="line">    width: 353</div><div class="line">  &#125;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
 <p>\u5982\u679c\u60f3\u8981\u83b7\u53d6\u5230 Weex \u5bb9\u5668\u7684\u5e03\u5c40\u4fe1\u606f\uff0c\u53ef\u4ee5\u6307\u5b9a <code>ref=&#39;viewport&#39;</code>\uff0c\u8c03\u7528\u4f8b\u5b50\u5982\u4e0b\uff1a</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"box"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Width: &#123;&#123;size.width&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Height: &#123;&#123;size.height&#125;&#125;<s
 pan class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Top: &#123;&#123;size.top&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Bottom: &#123;&#123;size.bottom&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Left: &#123;&#123;size.left&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</
 span>&gt;</span>Right: &#123;&#123;size.right&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">size</span>: &#123;</div><div class="line">  
         <span class="attr">width</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">height</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">top</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">bottom</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">left</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">right</span>: <span class="number">0</span></div><div class="line">        &#125;</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    mounted () &#123;</div><div class="line">      <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.$refs.box, option =&gt; &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)
 </div><div class="line">        <span class="keyword">this</span>.size = option.size</div><div class="line">      &#125;)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'return value:'</span>, result)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'viewport:'</span>, dom.getComponentRect(<span class="string">'viewport'</span>))</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <s
 pan class="number">150px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><
 div class="line">    <span class="attribute">font-family</span>: Consolas, <span class="string">"Liberation Mono"</span>, Menlo, Courier, monospace;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/dom-rect.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/87d4ed571de129ab28052b06a5d65fc8" target="_blank" rel="external">try it</a></p>
 <h2 id="\u5176\u4ed6"><a href="#\u5176\u4ed6" class="headerlink" title="\u5176\u4ed6"></a>\u5176\u4ed6</h2><p>dom \u8fd8\u6709\u4e00\u4e9b\u5e95\u5c42\u63a5\u53e3\u7528\u4e8e\u521b\u5efa Weex \u5b9e\u4f8b\u65f6\u8c03\u7528\uff0c\u6bd4\u5982 <code>createBody</code>\u3001<code>updateAttrs</code> \u7b49\uff0c\u4f46\u5e76\u672a\u5f00\u653e\u4f9b\u5916\u90e8\u4f7f\u7528\u3002</p>
 
   </div>
@@ -1397,7 +1370,7 @@
           <a href="/references/modules/dom.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/dom.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/globalevent.html b/content/cn/references/modules/globalevent.html
index 52788ce..fc64a96 100644
--- a/content/cn/references/modules/globalevent.html
+++ b/content/cn/references/modules/globalevent.html
@@ -5,49 +5,6 @@
   
   <title>globalEvent | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5168\u5c40\u4e8b\u4ef60.8 (\u5f00\u53d1\u4e2d)
 globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684\u53d8\u5316\u3002\u5168\u5c40\u4e8b\u4ef6\u662f\u9700\u8981\u989d\u5916 APIs \u5904\u7406\u7684\u6b21\u8981 API\u3002\u4f60\u80fd\u901a\u8fc7 addEventListener \u6ce8\u518c\u4e8b\u4ef6\u76d1\u542c\uff0c\u5f53\u4f60\u4e0d\u518d\u9700\u8981\u7684\u65f6\u5019\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 removingEventListener \u53d6\u6d88\u4e8b\u4ef6\u76d1\u542c\u3002
 \u63d0\u9192
@@ -66,7 +23,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
 \u8fd9\u662f\u4e00\u4e2a\u5b9e\u4f8b\u7ea7\u522b\u7684\u4e8b\u4ef6\uff0c\u800c\u975e\u5e94\u7528\u7ea7\u522b\u3002
 
 \u5982\u4f55\u8ba9\u4f60\u7684\u6a21\u5757\u652f\u6301\u5168\u5c40\u4e8b\u4ef6API \u5f00\u53d1\u5b8c\u6210\u540e\uff0c\u5f53">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="globalEvent">
 <meta name="twitter:description" content="\u5168\u5c40\u4e8b\u4ef60.8 (\u5f00\u53d1\u4e2d)
@@ -133,13 +90,29 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/globalevent.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -527,11 +500,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -563,11 +536,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -600,11 +573,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -747,7 +720,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1123,11 +1096,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1159,11 +1132,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1196,11 +1169,11 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1343,7 +1316,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1361,7 +1334,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5168\u5c40\u4e8b\u4ef6"><a href="#\u5168\u5c40\u4e8b\u4ef6" class="headerlink" title="\u5168\u5c40\u4e8b\u4ef6"></a>\u5168\u5c40\u4e8b\u4ef6</h1><p><span class="weex-version">0.8 (\u5f00\u53d1\u4e2d)</span></p>
 <p><code>globalEvent</code> \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684\u53d8\u5316\u3002\u5168\u5c40\u4e8b\u4ef6\u662f\u9700\u8981\u989d\u5916 APIs \u5904\u7406\u7684\u6b21\u8981 API\u3002\u4f60\u80fd\u901a\u8fc7 <code>addEventListener</code> \u6ce8\u518c\u4e8b\u4ef6\u76d1\u542c\uff0c\u5f53\u4f60\u4e0d\u518d\u9700\u8981\u7684\u65f6\u5019\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 <code>removingEventListener</code> \u53d6\u6d88\u4e8b\u4ef6\u76d1\u542c\u3002</p>
@@ -1408,7 +1381,7 @@ globalEvent \u7528\u4e8e\u76d1\u542c\u6301\u4e45\u6027\u4e8b\u4ef6\uff0c\u4f8b\u5982\u5b9a\u4f4d\u4fe1\u606f\uff0c\u9640\u87ba\u4eea\u7b49\u7684
           <a href="/references/modules/globalevent.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/globalevent.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/index.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/index.html b/content/cn/references/modules/index.html
index a334dc9..0651007 100644
--- a/content/cn/references/modules/index.html
+++ b/content/cn/references/modules/index.html
@@ -5,62 +5,49 @@
   
   <title>\u5185\u5efa\u6a21\u5757 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
-  <meta name="description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c weex.requireModule(&amp;#39;name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#123;    data: &amp;#123;&amp;#125;,    methods: &amp;#123;">
+  <meta name="description" content="\u5185\u5efa\u6a21\u5757
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
 <meta property="og:type" content="website">
 <meta property="og:title" content="\u5185\u5efa\u6a21\u5757">
 <meta property="og:url" content="https://weex.apache.org/cn/references/modules/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c weex.requireModule(&amp;#39;name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#123;    data: &amp;#123;&amp;#125;,    methods: &amp;#123;">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:description" content="\u5185\u5efa\u6a21\u5757
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5185\u5efa\u6a21\u5757">
-<meta name="twitter:description" content="\u5185\u5efa\u6a21\u5757\u5982\u4f55\u4f7f\u7528\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c weex.requireModule(&amp;#39;name&amp;#39;) \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#123;    data: &amp;#123;&amp;#125;,    methods: &amp;#123;">
+<meta name="twitter:description" content="\u5185\u5efa\u6a21\u5757
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
   
     <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
   
@@ -118,13 +105,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +144,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -512,11 +515,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -548,11 +551,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -585,11 +588,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -732,7 +735,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1108,11 +1111,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1144,11 +1147,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1181,11 +1184,11 @@
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1328,7 +1331,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1346,10 +1349,21 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
-    <h1 id="\u5185\u5efa\u6a21\u5757"><a href="#\u5185\u5efa\u6a21\u5757" class="headerlink" title="\u5185\u5efa\u6a21\u5757"></a>\u5185\u5efa\u6a21\u5757</h1><h2 id="\u5982\u4f55\u4f7f\u7528"><a href="#\u5982\u4f55\u4f7f\u7528" class="headerlink" title="\u5982\u4f55\u4f7f\u7528"></a>\u5982\u4f55\u4f7f\u7528</h2><p>\u4f60\u53ef\u4ee5\u7b80\u5355\u7684\u901a\u8fc7\u7c7b\u4f3c <code>weex.requireModule(&#39;name&#39;)</code> \u8fd9\u6837\u7684\u8bed\u6cd5\u83b7\u53d6\u4e00\u4e2a\u6a21\u5757\u7684 API\uff0c\u6bd4\u5982\uff1a</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;&#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">toast</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'props: '</span> + event.data.join(<span class="string">', '</span>)</div><div class="line">        &#125;)</div><div class="line">      &#12
 5;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
+    <h1 id="\u5185\u5efa\u6a21\u5757"><a href="#\u5185\u5efa\u6a21\u5757" class="headerlink" title="\u5185\u5efa\u6a21\u5757"></a>\u5185\u5efa\u6a21\u5757</h1><ul>
+<li><a href="./animation.html">animation</a></li>
+<li><a href="./websocket.html">WebSocket</a></li>
+<li><a href="./picker.html">picker</a></li>
+<li><a href="./clipboard.html">clipboard</a></li>
+<li><a href="./dom.html">dom</a></li>
+<li><a href="./modal.html">modal</a></li>
+<li><a href="./navigator.html">navigator</a></li>
+<li><a href="./storage.html">storage</a></li>
+<li><a href="./stream.html">stream</a></li>
+<li><a href="./webview.html">webview</a></li>
+<li><a href="./globalevent.html">globalEvent</a></li>
+</ul>
 
   </div>
   
@@ -1371,7 +1385,7 @@
           <a href="/references/modules/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/modal.html b/content/cn/references/modules/modal.html
index 69c0f01..3ec6cd3 100644
--- a/content/cn/references/modules/modal.html
+++ b/content/cn/references/modules/modal.html
@@ -5,49 +5,6 @@
   
   <title>modal | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="modal \u6a21\u6001modal \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1atoast\u3001alert\u3001confirm \u548c prompt\u3002
 APItoast(options)toast() \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002
 \u53c2\u6570
@@ -60,7 +17,7 @@ options {Objec">
 APItoast(options)toast() \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002
 \u53c2\u6570
 options {Objec">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="modal">
 <meta name="twitter:description" content="modal \u6a21\u6001modal \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1atoast\u3001alert\u3001confirm \u548c prompt\u3002
@@ -124,13 +81,29 @@ options {Objec">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/modal.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ options {Objec">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -518,11 +491,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -554,11 +527,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -591,11 +564,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ options {Objec">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1114,11 +1087,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1150,11 +1123,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1187,11 +1160,11 @@ options {Objec">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1334,7 +1307,7 @@ options {Objec">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1352,7 +1325,7 @@ options {Objec">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="modal-\u6a21\u6001"><a href="#modal-\u6a21\u6001" class="headerlink" title="modal \u6a21\u6001"></a><code>modal</code> \u6a21\u6001</h1><p><code>modal</code> \u6a21\u5757\u63d0\u4f9b\u4e86\u4ee5\u4e0b\u5c55\u793a\u6d88\u606f\u6846\u7684 API\uff1a<code>toast</code>\u3001<code>alert</code>\u3001<code>confirm</code> \u548c <code>prompt</code>\u3002</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="toast-options"><a href="#toast-options" class="headerlink" title="toast(options)"></a><code>toast(options)</code></h3><p><code>toast()</code> \u4f1a\u5728\u4e00\u4e2a\u5c0f\u6d6e\u5c42\u91cc\u5c55\u793a\u5173\u4e8e\u67d0\u4e2a\u64cd\u4f5c\u7684\u7b80\u5355\u53cd\u9988\u3002\u4f8b\u5982\uff0c\u5728\u90ae\u4ef6\u53d1\u9001\u524d\u79bb\u5f00\u90ae\u7f16\u7f16\u8f91\u754c\u9762\uff0c\u53ef\u4ee5\u89e6\u53d1\u4e00\u4e2a\u201c\u8349\u7a3f\u5df2\u4fdd\u5b58\u201d\u7684 toast\uff0c\u544a\u77e5\u7528\u6237\u4ee5\u540e\u53ef\u4ee5\u7ee7\u7eed\u7f16\u8f91\u3002toast \u4f1a\u5728\u663e\u793a\u4e00\u6bb5\u65f6\u95f4\u4e4b\u540e\u81ea\u52a8\u6d88\u5931\u3002</p>
@@ -1397,7 +1370,7 @@ options {Objec">
 </li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showToast"</span>&gt;</span>Toast<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showAlert"</span>&gt;</span>Alert<span class="tag">&lt;/<span class="name">text</span>&gt;</span
 ></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showConfirm"</span>&gt;</span>Confirm<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showPrompt"</span>&gt;</span>Prompt<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> m
 odal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      showToast (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show toast'</span>)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a toast'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showAlert (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show alert'</span>)</div><div class="line">        modal.alert(&#1
 23;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a alert'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'alert callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showConfirm (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show confirm'</span>)</div><div class="line">        modal.confirm(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'Do you confirm ?'</span>,</div><div class="line">          <span class="attr">duration</span>: <span cl
 ass="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'confirm callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showPrompt (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show prompt'</span>)</div><div class="line">        modal.prompt(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a prompt'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">
           <span class="built_in">console</span>.log(<span class="string">'prompt callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line">    <span cla
 ss="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span clas
 s="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/modal.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/a7dddfb24edb72be947fc4eec3803f1d" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1419,7 +1392,7 @@ options {Objec">
           <a href="/references/modules/modal.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/modal.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[08/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/webview.html
----------------------------------------------------------------------
diff --git a/content/references/modules/webview.html b/content/references/modules/webview.html
index 489be31..7355fa9 100644
--- a/content/references/modules/webview.html
+++ b/content/references/modules/webview.html
@@ -5,49 +5,6 @@
   
   <title>webview | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
 APIgoBack(webElement)Loads the previous location in the history stack.
 Arguments">
@@ -58,7 +15,7 @@ Arguments">
 <meta property="og:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
 APIgoBack(webElement)Loads the previous location in the history stack.
 Arguments">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webview">
 <meta name="twitter:description" content="webviewA series of web operation api like goBack, goForward, and reload. \u2018webview\u2019 module used with the web component.
@@ -121,13 +78,29 @@ Arguments">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/webview.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Arguments">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Arguments">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Arguments">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Arguments">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Arguments">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Arguments">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Arguments">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Arguments">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="webview"><a href="#webview" class="headerlink" title="webview"></a>webview</h1><p>A series of web operation api like <code>goBack</code>, <code>goForward</code>, and <code>reload</code>. \u2018webview\u2019 module used with the web component.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="goBack-webElement"><a href="#goBack-webElement" class="headerlink" title="goBack(webElement)"></a>goBack(webElement)</h3><p>Loads the previous location in the history stack.</p>
@@ -1353,7 +1326,7 @@ Arguments">
 </ul>
 <h4 id="Example-2"><a href="#Example-2" class="headerlink" title="Example"></a>Example</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">var webview = weex.requireModule(&apos;webview&apos;);</div><div class="line">var webElement = this.$el(&apos;webview&apos;);</div><div class="line">webview.reload(webElement.ref);</div></pre></td></tr></table></figure>
 <h2 id="Example-3"><a href="#Example-3" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">"https://m.taobao.com"</span>&gt;
 </span><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">
 div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">web</span> <span class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> webview = weex.r
 equireModule(<span class="string">'webview'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.$refs.input.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword"
 >this</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$refs
 .webview)</div><div class="line">      &#125;,</div><div class="line">      start (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class=
 "string">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-around;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute
 ">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line">    <span class
 ="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</spa
 n>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/web.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1375,7 +1348,7 @@ Arguments">
           <a href="/references/modules/webview.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/webview.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/webview.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/native-dom-api.html
----------------------------------------------------------------------
diff --git a/content/references/native-dom-api.html b/content/references/native-dom-api.html
index e76c653..4c1153c 100644
--- a/content/references/native-dom-api.html
+++ b/content/references/native-dom-api.html
@@ -5,56 +5,13 @@
   
   <title>Native DOM APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Native DOM APIsWeex in the JS engine, for each page provides a set of Native DOM APIs. This interface is very close to the HTML DOM APIs. Using this interface we can control native rendering logic via">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Native DOM APIs">
 <meta property="og:url" content="https://weex.apache.org/references/native-dom-api.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Native DOM APIsWeex in the JS engine, for each page provides a set of Native DOM APIs. This interface is very close to the HTML DOM APIs. Using this interface we can control native rendering logic via">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Native DOM APIs">
 <meta name="twitter:description" content="Native DOM APIsWeex in the JS engine, for each page provides a set of Native DOM APIs. This interface is very close to the HTML DOM APIs. Using this interface we can control native rendering logic via">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/native-dom-api.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/native-dom-api.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Native-DOM-APIs"><a href="#Native-DOM-APIs" class="headerlink" title="Native DOM APIs"></a>Native DOM APIs</h1><p>Weex in the JS engine, for each page provides a set of Native DOM APIs. This interface is very close to the HTML DOM APIs. Using this interface we can control native rendering logic via JavaScript. And Weex upper layer of Vue 2.0 is based on this interface to adapt.   </p>
 <p>In most cases, the JS framework will encapsulate native DOM APIs. That way, the developer does not need to work directly on the Native DOM.   </p>
@@ -1503,7 +1476,7 @@
           <a href="/references/native-dom-api.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/native-dom-api.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/native-dom-api.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/path.html
----------------------------------------------------------------------
diff --git a/content/references/path.html b/content/references/path.html
index a59cf56..9311e30 100644
--- a/content/references/path.html
+++ b/content/references/path.html
@@ -5,49 +5,6 @@
   
   <title>Path | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Path0.9
 This article will cover uri (url) usage in Weex. Including using image/typeface resources, deal with relative uri and how to access local and packaged asset files. 
 Schemes
@@ -60,7 +17,7 @@ LocalWeex SDK provi">
 This article will cover uri (url) usage in Weex. Including using image/typeface resources, deal with relative uri and how to access local and packaged asset files. 
 Schemes
 LocalWeex SDK provi">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Path">
 <meta name="twitter:description" content="Path0.9
@@ -124,13 +81,29 @@ LocalWeex SDK provi">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/path.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/path.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ LocalWeex SDK provi">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -586,11 +559,11 @@ LocalWeex SDK provi">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -706,12 +679,12 @@ LocalWeex SDK provi">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -729,7 +702,7 @@ LocalWeex SDK provi">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1173,11 +1146,11 @@ LocalWeex SDK provi">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1293,12 +1266,12 @@ LocalWeex SDK provi">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1316,7 +1289,7 @@ LocalWeex SDK provi">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1334,7 +1307,7 @@ LocalWeex SDK provi">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Path"><a href="#Path" class="headerlink" title="Path"></a>Path</h1><p><span class="weex-version">0.9</span></p>
 <p>This article will cover uri (url) usage in Weex. Including using image/typeface resources, deal with relative uri and how to access local and packaged asset files. </p>
@@ -1373,7 +1346,7 @@ LocalWeex SDK provi">
           <a href="/references/path.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/path.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/path.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/platfrom-difference.html
----------------------------------------------------------------------
diff --git a/content/references/platfrom-difference.html b/content/references/platfrom-difference.html
index cbade11..e480aee 100644
--- a/content/references/platfrom-difference.html
+++ b/content/references/platfrom-difference.html
@@ -5,56 +5,13 @@
   
   <title>Platform Differences Between Weex and Web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Platform Differences Between Weex and WebWork in progresss.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Platform Differences Between Weex and Web">
 <meta property="og:url" content="https://weex.apache.org/references/platfrom-difference.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Platform Differences Between Weex and WebWork in progresss.">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Platform Differences Between Weex and Web">
 <meta name="twitter:description" content="Platform Differences Between Weex and WebWork in progresss.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/platfrom-difference.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/platfrom-difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link current ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Platform-Differences-Between-Weex-and-Web"><a href="#Platform-Differences-Between-Weex-and-Web" class="headerlink" title="Platform Differences Between Weex and Web"></a>Platform Differences Between Weex and Web</h1><p>Work in progresss.</p>
 
@@ -1349,7 +1322,7 @@
           <a href="/references/platfrom-difference.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/platfrom-difference.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/platfrom-difference.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/text-style.html
----------------------------------------------------------------------
diff --git a/content/references/text-style.html b/content/references/text-style.html
index 71f6b84..cebfda6 100644
--- a/content/references/text-style.html
+++ b/content/references/text-style.html
@@ -5,49 +5,6 @@
   
   <title>Text Style | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Text StyleText alike components share some common style rules. The text alike components currently includes text and input.
 Properties
 color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
@@ -58,7 +15,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
 <meta property="og:description" content="Text StyleText alike components share some common style rules. The text alike components currently includes text and input.
 Properties
 color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Text Style">
 <meta name="twitter:description" content="Text StyleText alike components share some common style rules. The text alike components currently includes text and input.
@@ -121,13 +78,29 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/text-style.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Text-Style"><a href="#Text-Style" class="headerlink" title="Text Style"></a>Text Style</h1><p>Text alike components share some common style rules. The text alike components currently includes <a href="./components/text.html"><code>text</code></a> and <a href="./components/input.html"><code>input</code></a>.</p>
 <h2 id="Properties"><a href="#Properties" class="headerlink" title="Properties"></a>Properties</h2><ul>
@@ -1384,7 +1357,7 @@ color: &amp;lt;colors&amp;gt; this property set the foreground color of a">
           <a href="/references/text-style.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/text-style.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/text-style.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/unit.html
----------------------------------------------------------------------
diff --git a/content/references/unit.html b/content/references/unit.html
index a90145f..551cff1 100644
--- a/content/references/unit.html
+++ b/content/references/unit.html
@@ -5,56 +5,13 @@
   
   <title>CSS unit | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="CSS unitWork in progresss.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="CSS unit">
 <meta property="og:url" content="https://weex.apache.org/references/unit.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="CSS unitWork in progresss.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="CSS unit">
 <meta name="twitter:description" content="CSS unitWork in progresss.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/unit.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/unit.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="CSS-unit"><a href="#CSS-unit" class="headerlink" title="CSS unit"></a>CSS unit</h1><p>Work in progresss.</p>
 
@@ -1349,7 +1322,7 @@
           <a href="/references/unit.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/unit.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/unit.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/vue/difference-of-vuex.html
----------------------------------------------------------------------
diff --git a/content/references/vue/difference-of-vuex.html b/content/references/vue/difference-of-vuex.html
index 1dd8088..a1e5ec3 100644
--- a/content/references/vue/difference-of-vuex.html
+++ b/content/references/vue/difference-of-vuex.html
@@ -5,49 +5,6 @@
   
   <title>Using Vuex and vue-router | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Using Vuex and vue-routerVue.js also has many peripheral technology products such as Vuex and vue-router, etc. Those libraries can also works well in Weex.
 
 We developed a complete project based on We">
@@ -59,7 +16,7 @@ We developed a complete project based on We">
 
 We developed a complete project based on We">
 <meta property="og:image" content="https://weex.apache.org//vuex.vuejs.org/en/images/vuex.png">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Using Vuex and vue-router">
 <meta name="twitter:description" content="Using Vuex and vue-routerVue.js also has many peripheral technology products such as Vuex and vue-router, etc. Those libraries can also works well in Weex.
@@ -123,13 +80,29 @@ We developed a complete project based on We">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/difference-of-vuex.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@ We developed a complete project based on We">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -585,11 +558,11 @@ We developed a complete project based on We">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -705,12 +678,12 @@ We developed a complete project based on We">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -728,7 +701,7 @@ We developed a complete project based on We">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1172,11 +1145,11 @@ We developed a complete project based on We">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1292,12 +1265,12 @@ We developed a complete project based on We">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1315,7 +1288,7 @@ We developed a complete project based on We">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1333,7 +1306,7 @@ We developed a complete project based on We">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Using-Vuex-and-vue-router"><a href="#Using-Vuex-and-vue-router" class="headerlink" title="Using Vuex and vue-router"></a>Using Vuex and vue-router</h1><p>Vue.js also has many peripheral technology products such as <a href="https://github.com/vuejs/vuex" target="_blank" rel="external">Vuex</a> and <a href="https://github.com/vuejs/vue-router" target="_blank" rel="external">vue-router</a>, etc. Those libraries can also works well in Weex.</p>
 <blockquote>
@@ -1386,7 +1359,7 @@ We developed a complete project based on We">
           <a href="/references/vue/difference-of-vuex.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/difference-of-vuex.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/difference-of-vuex.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/vue/difference-with-web.html
----------------------------------------------------------------------
diff --git a/content/references/vue/difference-with-web.html b/content/references/vue/difference-with-web.html
index c0b5908..0770c4a 100644
--- a/content/references/vue/difference-with-web.html
+++ b/content/references/vue/difference-with-web.html
@@ -5,56 +5,13 @@
   
   <title>Difference with Web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Differences between using Vue in Web and WeexPlatform DifferencesVue.js was designed for the Web platform at the begining. Although it can be based on Weex to develop native applications, there are st">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Difference with Web">
 <meta property="og:url" content="https://weex.apache.org/references/vue/difference-with-web.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Differences between using Vue in Web and WeexPlatform DifferencesVue.js was designed for the Web platform at the begining. Although it can be based on Weex to develop native applications, there are st">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Difference with Web">
 <meta name="twitter:description" content="Differences between using Vue in Web and WeexPlatform DifferencesVue.js was designed for the Web platform at the begining. Although it can be based on Weex to develop native applications, there are st">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/difference-with-web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Differences-between-using-Vue-in-Web-and-Weex"><a href="#Differences-between-using-Vue-in-Web-and-Weex" class="headerlink" title="Differences between using Vue in Web and Weex"></a>Differences between using Vue in Web and Weex</h1><h2 id="Platform-Differences"><a href="#Platform-Differences" class="headerlink" title="Platform Differences"></a>Platform Differences</h2><p>Vue.js was designed for the Web platform at the begining. Although it can be based on Weex to develop native applications, there are still many differences between web and native. See <a href="../ platform-difference.html">Platform Differences Between Weex and Web</a> for more details.</p>
 <p>Due to those differences, Weex doesn\u2019t support those features in Vue.js (mostly are DOM-related):</p>
@@ -1412,7 +1385,7 @@
           <a href="/references/vue/difference-with-web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/difference-with-web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/difference-with-web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/vue/index.html
----------------------------------------------------------------------
diff --git a/content/references/vue/index.html b/content/references/vue/index.html
index 0c151ca..c458d16 100644
--- a/content/references/vue/index.html
+++ b/content/references/vue/index.html
@@ -5,49 +5,6 @@
   
   <title>Vue | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Vue
 Difference with Web
 Using Vuex &amp;amp; vue-router">
@@ -58,7 +15,7 @@ Using Vuex &amp;amp; vue-router">
 <meta property="og:description" content="Vue
 Difference with Web
 Using Vuex &amp;amp; vue-router">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Vue">
 <meta name="twitter:description" content="Vue
@@ -121,13 +78,29 @@ Using Vuex &amp;amp; vue-router">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/vue/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/vue/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Using Vuex &amp;amp; vue-router">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Using Vuex &amp;amp; vue-router">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Using Vuex &amp;amp; vue-router">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Using Vuex &amp;amp; vue-router">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Using Vuex &amp;amp; vue-router">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Using Vuex &amp;amp; vue-router">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Using Vuex &amp;amp; vue-router">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Using Vuex &amp;amp; vue-router">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Vue"><a href="#Vue" class="headerlink" title="Vue"></a>Vue</h1><ul>
 <li><a href="./difference-with-web.html">Difference with Web</a></li>
@@ -1358,7 +1331,7 @@ Using Vuex &amp;amp; vue-router">
           <a href="/references/vue/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/vue/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/vue/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>



[19/39] incubator-weex-site git commit: * update site

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

<TRUNCATED>


[30/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/navigator.html b/content/cn/references/modules/navigator.html
index 406036c..f6cac6f 100644
--- a/content/cn/references/modules/navigator.html
+++ b/content/cn/references/modules/navigator.html
@@ -5,49 +5,6 @@
   
   <title>navigator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
 \u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 navigator \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002
 APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307\u5b9a\u5728\u9875\u9762\u8df3\u8f6c\u65f6\u662f\u5426\u9700\u8981\u52a8\u753b\uff0c\u4ee5\u53ca\u64cd\u4f5c\u5b8c\u6210\u540e\u9700">
@@ -58,7 +15,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
 <meta property="og:description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
 \u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 navigator \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002
 APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307\u5b9a\u5728\u9875\u9762\u8df3\u8f6c\u65f6\u662f\u5426\u9700\u8981\u52a8\u753b\uff0c\u4ee5\u53ca\u64cd\u4f5c\u5b8c\u6210\u540e\u9700">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="navigator">
 <meta name="twitter:description" content="navigator \u5bfc\u822a\u63a7\u5236v0.6.1+
@@ -121,13 +78,29 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/navigator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="navigator-\u5bfc\u822a\u63a7\u5236"><a href="#navigator-\u5bfc\u822a\u63a7\u5236" class="headerlink" title="navigator \u5bfc\u822a\u63a7\u5236"></a><code>navigator</code> \u5bfc\u822a\u63a7\u5236</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>\u4f17\u6240\u5468\u77e5\uff0c\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u524d\u8fdb\u6216\u8005\u56de\u9000\u6309\u94ae\u6765\u5207\u6362\u9875\u9762\uff0ciOS/Android \u7684 <code>navigator</code> \u6a21\u5757\u5c31\u662f\u7528\u6765\u5b9e\u73b0\u7c7b\u4f3c\u7684\u6548\u679c\u7684\u3002\u9664\u4e86\u524d\u8fdb\u3001\u56de\u9000\u529f\u80fd\uff0c\u8be5\u6a21\u5757\u8fd8\u5141\u8bb8\u6211\u4eec\u6307\u5b9a\u5728\u5207\u6362\u9875\u9762\u7684\u65f6\u5019\u662f\u5426\u5e94\u7528\u52a8\u753b\u6548\u679c\u3002</p>
@@ -1372,7 +1345,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
 </ul>
 <p><em>\u6ce8\u610f\u4e8b\u9879\uff1a<code>animated</code> \u4e8c\u7ea7\u53c2\u6570\u76ee\u524d\u4ec5\u652f\u6301\u5b57\u7b26\u4e32\u7684 <code>&quot;true&quot;</code> \u548c <code>&quot;false&quot;</code>\uff0c\u4f20\u5165\u5e03\u5c14\u503c\u7c7b\u578b\u4f1a\u5bfc\u81f4\u7a0b\u5e8f\u5d29\u6e83\uff0c\u672a\u6765\u7248\u672c\u4f1a\u4fee\u590d\u8fd9\u4e2a\u95ee\u9898</em></p>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"jump"</span>&gt;</span>Jump<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="
 javascript"></span></div><div class="line">  <span class="keyword">var</span> navigator = weex.requireModule(<span class="string">'navigator'</span>)</div><div class="line">  <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      jump (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will jump'</span>)</div><div class="line">        navigator.push(&#123;</div><div class="line">          <span class="attr">url</span>: <span class="string">'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js'</span>,</div><div class="line">          <span class="attr">animated</span>: <span class="string">"true"</span></div><div class="line">        &#125;, event =&gt;
  &#123;</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'callback: '</span> + event &#125;)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60p
 x</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD
 </span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/navigator.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/5c670b07735ee6d08de5c8eb93f91f11" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1394,7 +1367,7 @@ APIpush(options, callback)\u628a\u4e00\u4e2aweex\u9875\u9762URL\u538b\u5165\u5bfc\u822a\u5806\u6808\u4e2d\uff0c\u53ef\u6307
           <a href="/references/modules/navigator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/navigator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/picker.html b/content/cn/references/modules/picker.html
index 53e84a5..a6b51e3 100644
--- a/content/cn/references/modules/picker.html
+++ b/content/cn/references/modules/picker.html
@@ -5,49 +5,6 @@
   
   <title>picker | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="pickerv0.9+
 \u6982\u8ff0\u4ee5\u4e0b\u4e3a picker \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u6570\u636e\u9009\u62e9\uff0c\u65e5\u671f\u9009\u62e9\uff0c\u65f6\u95f4\u9009\u62e9\u3002\uff08\u76ee\u524d H5 \u6682\u4e0d\u652f\u6301\u8be5\u6a21\u5757\uff09
 APIpick(options, callback[options])\u8c03\u7528\u5355\u9009 picker
@@ -74,7 +31,7 @@ items {array}\uff1apicker \u6570\u636e\u6e90
 
 
 c">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="picker">
 <meta name="twitter:description" content="pickerv0.9+
@@ -145,13 +102,29 @@ c">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/picker.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/picker.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -168,7 +141,7 @@ c">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -539,11 +512,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -575,11 +548,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -612,11 +585,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -759,7 +732,7 @@ c">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1135,11 +1108,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1171,11 +1144,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1208,11 +1181,11 @@ c">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1355,7 +1328,7 @@ c">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1373,7 +1346,7 @@ c">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="picker"><a href="#picker" class="headerlink" title="picker"></a>picker</h1><p><span class="weex-version">v0.9+</span></p>
 <h2 id="\u6982\u8ff0"><a href="#\u6982\u8ff0" class="headerlink" title="\u6982\u8ff0"></a>\u6982\u8ff0</h2><p>\u4ee5\u4e0b\u4e3a picker \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u6570\u636e\u9009\u62e9\uff0c\u65e5\u671f\u9009\u62e9\uff0c\u65f6\u95f4\u9009\u62e9\u3002\uff08\u76ee\u524d H5 \u6682\u4e0d\u652f\u6301\u8be5\u6a21\u5757\uff09</p>
@@ -1444,7 +1417,7 @@ c">
           <a href="/references/modules/picker.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/picker.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/picker.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/storage.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/storage.html b/content/cn/references/modules/storage.html
index bc13343..ace757d 100644
--- a/content/cn/references/modules/storage.html
+++ b/content/cn/references/modules/storage.html
@@ -5,49 +5,6 @@
   
   <title>storage | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
 \u5907\u6ce8\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528
 storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58\u50a8\u3001\u4fee\u6539\u3001\u5220\u9664\uff0c\u5e76\u4e14\u8be5\u6570\u636e\u662f\u6c38\u4e45\u4fdd\u5b58\u7684\uff0c\u9664\u975e\u624b\u52a8\u6e05\u9664\u6216\u8005\u4ee3\u7801\u6e05\u9664\u3002\u4f46\u662f\uff0cstorage \u6a21\u5757\u6709\u4e00\u4e2a\u9650\u5236\u5c31\u662f\u6d4f\u89c8\u5668\u7aef\uff08H5\uff09\u53ea\u80fd\u5b58\u50a8\u5c0f\u4e8e5M\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u5728 H5/Web \u7aef\u7684\u5b9e\u73b0\u662f\u91c7\u7528 HTML5 LocalStorage API\u3002\u800c Android \u548c iOS \u8fd9\u5757\u662f\u6ca1\u4ec0">
@@ -58,7 +15,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
 <meta property="og:description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
 \u5907\u6ce8\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528
 storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58\u50a8\u3001\u4fee\u6539\u3001\u5220\u9664\uff0c\u5e76\u4e14\u8be5\u6570\u636e\u662f\u6c38\u4e45\u4fdd\u5b58\u7684\uff0c\u9664\u975e\u624b\u52a8\u6e05\u9664\u6216\u8005\u4ee3\u7801\u6e05\u9664\u3002\u4f46\u662f\uff0cstorage \u6a21\u5757\u6709\u4e00\u4e2a\u9650\u5236\u5c31\u662f\u6d4f\u89c8\u5668\u7aef\uff08H5\uff09\u53ea\u80fd\u5b58\u50a8\u5c0f\u4e8e5M\u7684\u6570\u636e\uff0c\u56e0\u4e3a\u5728 H5/Web \u7aef\u7684\u5b9e\u73b0\u662f\u91c7\u7528 HTML5 LocalStorage API\u3002\u800c Android \u548c iOS \u8fd9\u5757\u662f\u6ca1\u4ec0">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="storage">
 <meta name="twitter:description" content="storage \u672c\u5730\u5b58\u50a8v0.7+
@@ -121,13 +78,29 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/storage.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -515,11 +488,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -551,11 +524,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -588,11 +561,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -735,7 +708,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1111,11 +1084,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1147,11 +1120,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1184,11 +1157,11 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="storage-\u672c\u5730\u5b58\u50a8"><a href="#storage-\u672c\u5730\u5b58\u50a8" class="headerlink" title="storage \u672c\u5730\u5b58\u50a8"></a><code>storage</code> \u672c\u5730\u5b58\u50a8</h1><p><span class="weex-version">v0.7+</span></p>
 <p><strong>\u5907\u6ce8</strong>\uff1a0.7\u53ca\u4ee5\u4e0a\u7248\u672c\u53ef\u7528</p>
@@ -1402,7 +1375,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
 </li>
 </ul>
 <h2 id="\u793a\u4f8b"><a href="#\u793a\u4f8b" class="headerlink" title="\u793a\u4f8b"></a>\u793a\u4f8b</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"list"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group center"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span>&gt;</span>&#123;&#123;state&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span
 ></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"setItem"</span>&gt;</span>set<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class
 ="string">"text"</span> @<span class="attr">click</span>=<span class="string">"getItem"</span>&gt;</span>get<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> @<span class="attr">click</span>=<span class="string">"removeItem"</span>&gt;</span>remove<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span><span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string"
 >"text"</span> @<span class="attr">click</span>=<span class="string">"getAll"</span>&gt;</span>all<span class="tag">&lt;/<span class="name">text</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> storage = weex.requireModule(<span class="string">'storage'</span>)</div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyw
 ord">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">keys</span>: <span class="string">'[]'</span>,</div><div class="line">        <span class="attr">length</span>: <span class="number">0</span>,</div><div class="line">        <span class="attr">state</span>: <span class="string">'----'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      setItem () &#123;</div><div class="line">        storage.setItem(<span class="string">'name'</span>, <span class="string">'Hanks'</span>, event =&gt; &#123;</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'set success'</span></div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'set success'</span>)</di
 v><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      getItem () &#123;</div><div class="line">        storage.getItem(<span class="string">'name'</span>, event =&gt; &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'get value:'</span>, event.data)</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'value: '</span> + event.data</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      removeItem () &#123;</div><div class="line">        storage.removeItem(<span class="string">'name'</span>, event =&gt; &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'delete value:'</span>, event.data)</div><div class="line">          <span class="keyword">this</span>.state = <span class="string">'deleted'</span></div><div class="line">        &#125;)</div>
 <div class="line">      &#125;,</div><div class="line">      getAll () &#123;</div><div class="line">        storage.getAllKeys(<span class="function"><span class="params">event</span> =&gt;</span> &#123;</div><div class="line">          <span class="comment">// modal.toast(&#123; message: event.result &#125;)</span></div><div class="line">          <span class="keyword">if</span> (event.result === <span class="string">'success'</span>) &#123;</div><div class="line">            modal.toast(&#123;</div><div class="line">              <span class="attr">message</span>: <span class="string">'props: '</span> + event.data.join(<span class="string">', '</span>)</div><div class="line">            &#125;)</div><div class="line">          &#125;</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="li
 ne"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <span clas
 s="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-between;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">50px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.center</span> &#123;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span 
 class="number">50px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">25px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.small</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">32px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">35px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="li
 ne"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/storage.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/3fdd3e2d1646ca41199d80c7be799858" target="_blank" rel="external">try it</a></p>
 <h2 id="\u5176\u5b83\u53c2\u8003"><a href="#\u5176\u5b83\u53c2\u8003" class="headerlink" title="\u5176\u5b83\u53c2\u8003"></a>\u5176\u5b83\u53c2\u8003</h2><ul>
 <li><a href="http://www.w3school.com.cn/html5/html_5_webstorage.asp" target="_blank" rel="external">W3school: html5 localStorage</a></li>
 <li><a href="https://github.com/alibaba/weex/blob/dev/examples/module/storage-demo.we" target="_blank" rel="external">storage \u6a21\u5757\u5b8c\u6574\u7684 Demo</a></li>
@@ -1428,7 +1401,7 @@ storage \u662f\u4e00\u4e2a\u5728\u524d\u7aef\u6bd4\u8f83\u5e38\u7528\u7684\u6a21\u5757\uff0c\u53ef\u4ee5\u5bf9\u672c\u5730\u6570\u636e\u8fdb\u884c\u5b58
           <a href="/references/modules/storage.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/storage.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/storage.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/references/modules/stream.html
----------------------------------------------------------------------
diff --git a/content/cn/references/modules/stream.html b/content/cn/references/modules/stream.html
index ff4cf2b..914b5ec 100644
--- a/content/cn/references/modules/stream.html
+++ b/content/cn/references/modules/stream.html
@@ -5,49 +5,6 @@
   
   <title>stream | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="stream\u6982\u8ff0\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002
 APIfetch(options, callback[,progressCallback])\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42
 \u53c2\u6570
@@ -68,7 +25,7 @@ options {Object}\uff1a\u8bf7\u6c42\u7684\u4e00\u4e9b\u9009\u9879
 method {string}\uff1aHTTP \u65b9\u6cd5 GET \u6216\u662f POST
 url {string}\uff1a\u8bf7\u6c42\u7684 URL
 headers {Object}\uff1aHTTP \u8bf7\u6c42">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="stream">
 <meta name="twitter:description" content="stream\u6982\u8ff0\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002
@@ -136,13 +93,29 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/stream.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -159,7 +132,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -530,11 +503,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -566,11 +539,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -603,11 +576,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -750,7 +723,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1126,11 +1099,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/slider.html" class="sidebar-link  ">&lt;slider&gt;</a>
+                <a href="/cn/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
@@ -1162,11 +1135,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
+                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
               </li>
             
               <li>
-                <a href="/cn/references/components/input.html" class="sidebar-link  ">&lt;input&gt;</a>
+                <a href="/cn/references/components/list.html" class="sidebar-link  ">&lt;list&gt;</a>
               </li>
             
               <li>
@@ -1199,11 +1172,11 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
               </li>
             
               <li>
-                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
-                <a href="/cn/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/cn/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
@@ -1346,7 +1319,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/references/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -1364,7 +1337,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="stream"><a href="#stream" class="headerlink" title="stream"></a>stream</h1><h2 id="\u6982\u8ff0"><a href="#\u6982\u8ff0" class="headerlink" title="\u6982\u8ff0"></a>\u6982\u8ff0</h2><p>\u4ee5\u4e0b\u4e3a stream \u76f8\u5173\u7684 API\uff0c\u7528\u4e8e\u5b9e\u73b0\u7f51\u7edc\u8bf7\u6c42\u3002</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="fetch-options-callback-progressCallback"><a href="#fetch-options-callback-progressCallback" class="headerlink" title="fetch(options, callback[,progressCallback])"></a><code>fetch(options, callback[,progressCallback])</code></h3><p>\u53d1\u8d77\u7f51\u7edc\u8bf7\u6c42</p>
@@ -1407,7 +1380,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
 <li>\u5982\u679c\u4f60\u9700\u8981\u901a\u8fc7 <code>POST</code> json \uff0c \u4f60\u9700\u8981\u5c06 Content-Type \u8bbe\u4e3a \u2018application/json\u2019\u3002</li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Weex Star :<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"count"</span>&gt;</span>&#123;&#123;weexStar&#125;&#125;<span class="tag
 ">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"title"</span>&gt;</span>Vue Star :<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"count"</span>&gt;</span>&#123;&#123;vueStar&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span
  class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> stream = weex.requireModule(<span class="string">'stream'</span>)</div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">weexStar</span>: <span class="string">'unknown'</span>,</div><div class="line">        <span class="attr">vueStar</span>: <span class="string">'unknown'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line"></div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      getStarCount (repo, callback) &#123;</div>
 <div class="line">        <span class="keyword">return</span> stream.fetch(&#123;</div><div class="line">          <span class="attr">method</span>: <span class="string">'GET'</span>,</div><div class="line">          <span class="attr">type</span>: <span class="string">'json'</span>,</div><div class="line">          <span class="attr">url</span>: <span class="string">'https://api.github.com/repos/'</span> + repo</div><div class="line">        &#125;, callback)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">this</span>.getStarCount(<span class="string">'alibaba/weex'</span>, res =&gt; &#123;</div><div class="line">        <span class="keyword">this</span>.weexStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line">      &#125;)</div><div class="line">      <span class="keyword">this</span>.getStarCount(<span c
 lass="string">'vuejs/vue'</span>, res =&gt; &#123;</div><div class="line">        <span class="keyword">this</span>.vueStar = res.ok ? res.data.stargazers_count : <span class="string">'(network error)'</span></div><div class="line">      &#125;)</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">f
 lex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">40px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.title</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#888888</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.count</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">font-weight</span>: bold;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">12px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class
 ="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../../examples/stream.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/29bbf2d49fc8a204f98240044bbe211a" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1429,7 +1402,7 @@ headers {Object}\uff1aHTTP \u8bf7\u6c42">
           <a href="/references/modules/stream.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/stream.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/stream.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[10/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/dom.html
----------------------------------------------------------------------
diff --git a/content/references/modules/dom.html b/content/references/modules/dom.html
index edb0f7a..f84436d 100644
--- a/content/references/modules/dom.html
+++ b/content/references/modules/dom.html
@@ -5,56 +5,13 @@
   
   <title>dom | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
 <meta property="og:type" content="website">
 <meta property="og:title" content="dom">
 <meta property="og:url" content="https://weex.apache.org/references/modules/dom.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="dom">
 <meta name="twitter:description" content="domSummaryA series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a .we file is scrollToElement which you can use">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/dom.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="dom"><a href="#dom" class="headerlink" title="dom"></a>dom</h1><h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A series of dom apis that sending virtual-dom\u2019s messages to the native renderer to update the dom tree. The only API for developers to use in a <code>.we</code> file is <code>scrollToElement</code> <del>which you can use by calling the <code>$scrollTo</code> method</del>. Other APIs mentioned on this page should only be used through the native renderer in the <code>callNative</code> process.</p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="scrollToElement-node-options"><a href="#scrollToElement-node-options" class="headerlink" title="scrollToElement(node, options)"></a>scrollToElement(node, options)</h3><p>Scroll the page to the specified node. This API should only be used on the element in the <code>scroller</code> or <code>list</code> component.</p>
@@ -1338,14 +1311,14 @@
 </li>
 </ul>
 <h4 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h4><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">scroller</span> <span class="attr">class</span>=<span class="string">"scroller"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"row"</span> <span class="attr">v-for</span>=<span class="string">"(name, index) in rows"</span> <span class="attr">:ref</span>=<span class="string">"'item'+index"</span>&gt;</span></div><div class="line">        <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<spa
 n class="string">"text"</span> <span class="attr">:ref</span>=<span class="string">"'text'+index"</span>&gt;</span>&#123;&#123;name&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">scroller</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"goto10"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 10<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> @<span class="attr">click</span>=<span class="string">"g
 oto20"</span> <span class="attr">class</span>=<span class="string">"button"</span>&gt;</span>Go to 20<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">r
 ows</span>: []</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    created () &#123;</div><div class="line">      <span class="keyword">for</span> (<span class="keyword">let</span> i = <span class="number">0</span>; i &lt; <span class="number">30</span>; i++) &#123;</div><div class="line">        <span class="keyword">this</span>.rows.push(<span class="string">'row '</span> + i)</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      goto10 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <span class="keyword">this</span>.$refs.item10[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123;&#125;)</div><div class="line">      &#125;,</div><div class="line">      goto20 (count) &#123;</div><div class="line">        <span class="keyword">const</span> el = <
 span class="keyword">this</span>.$refs.item20[<span class="number">0</span>]</div><div class="line">        dom.scrollToElement(el, &#123; <span class="attr">offset</span>: <span class="number">0</span> &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.scroller</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">700px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">3px</span>;</div><div class="line">    <span class="
 attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">25px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.row</span> &#123;</div><div class="line">    <span class="attribute">height</span>: <span class="number">100px</span>;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">border-bottom-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-bottom-style</span>: solid;</div><div class="line">    <span class="attribute">borde
 r-bottom-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">45px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="comment">/*justify-content: space-around;*/</span></div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">wid
 th</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-right</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-co
 lor</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/dom-scroll.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/56e0d256cbb26facd958dbd6424f42b2" target="_blank" rel="external">try it</a></p>
 <h3 id="getComponentRect-ref-callback-v0-9-4"><a href="#getComponentRect-ref-callback-v0-9-4" class="headerlink" title="getComponentRect(ref,callback) v0.9.4+"></a>getComponentRect(ref,callback) <span class="api-version">v0.9.4+</span></h3><p>You can get the view rectangle information of named element.</p>
 <p>An example callback result maybe:</p>
 <figure class="highlight"><table><tr><td class="code"><pre><div class="line">&#123;</div><div class="line">  result: true,</div><div class="line">  size: &#123;</div><div class="line">    bottom: 60,</div><div class="line">    height: 15,</div><div class="line">    left: 0,</div><div class="line">    right: 353,</div><div class="line">    top: 45,</div><div class="line">    width: 353</div><div class="line">  &#125;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
 <p>If you want to get the rectangle information of \u2018weex view\u2019 container, you can specify the <code>ref=&#39;viewport&#39;</code>.</p>
 <p>Example Useage:</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">ref</span>=<span class="string">"box"</span> <span class="attr">class</span>=<span class="string">"box"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Width: &#123;&#123;size.width&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Height: &#123;&#123;size.height&#125;&#125;<s
 pan class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Top: &#123;&#123;size.top&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Bottom: &#123;&#123;size.bottom&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>Left: &#123;&#123;size.left&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</
 span>&gt;</span>Right: &#123;&#123;size.right&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> dom = weex.requireModule(<span class="string">'dom'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">size</span>: &#123;</div><div class="line">  
         <span class="attr">width</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">height</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">top</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">bottom</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">left</span>: <span class="number">0</span>,</div><div class="line">          <span class="attr">right</span>: <span class="number">0</span></div><div class="line">        &#125;</div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    mounted () &#123;</div><div class="line">      <span class="keyword">const</span> result = dom.getComponentRect(<span class="keyword">this</span>.$refs.box, option =&gt; &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'getComponentRect:'</span>, option)
 </div><div class="line">        <span class="keyword">this</span>.size = option.size</div><div class="line">      &#125;)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'return value:'</span>, result)</div><div class="line">      <span class="built_in">console</span>.log(<span class="string">'viewport:'</span>, dom.getComponentRect(<span class="string">'viewport'</span>))</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.box</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">200px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <s
 pan class="number">150px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#DDD</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="built_in">rgb</span>(162, 217, 192);</div><div class="line">    <span class="attribute">background-color</span>: <span class="built_in">rgba</span>(162, 217, 192, 0.2);</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><
 div class="line">    <span class="attribute">font-family</span>: Consolas, <span class="string">"Liberation Mono"</span>, Menlo, Courier, monospace;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/dom-rect.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/87d4ed571de129ab28052b06a5d65fc8" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1367,7 +1340,7 @@
           <a href="/references/modules/dom.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/dom.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/dom.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/globalevent.html
----------------------------------------------------------------------
diff --git a/content/references/modules/globalevent.html b/content/references/modules/globalevent.html
index 8184eaf..994e5a4 100644
--- a/content/references/modules/globalevent.html
+++ b/content/references/modules/globalevent.html
@@ -5,49 +5,6 @@
   
   <title>globalEvent | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="globalEventv0.8+ (developing)
 SummaryglobalEvent are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that req">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="globalEventv0.8+ (developing)
 SummaryglobalEvent are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that req">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:28:11.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="globalEvent">
 <meta name="twitter:description" content="globalEventv0.8+ (developing)
@@ -118,13 +75,29 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/globalevent.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:28:11.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="globalEvent"><a href="#globalEvent" class="headerlink" title="globalEvent"></a>globalEvent</h1><p><span class="weex-version">v0.8+ (developing)</span></p>
 <h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p><code>globalEvent</code> are used to listen for persistent events, such as changes in positioning information, gyroscopes, and so on. A global event is a secondary API that requires additional APIs to work with.</p>
@@ -1375,7 +1348,7 @@ SummaryglobalEvent are used to listen for persistent events, such as changes in
           <a href="/references/modules/globalevent.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/globalevent.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/globalevent.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/index.html
----------------------------------------------------------------------
diff --git a/content/references/modules/index.html b/content/references/modules/index.html
index 847fe51..e01f5b0 100644
--- a/content/references/modules/index.html
+++ b/content/references/modules/index.html
@@ -5,62 +5,49 @@
   
   <title>Built-in Modules | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
-  <meta name="description" content="Built-in ModulesHow to useYou can use a simply way like requireModule(&amp;#39;name&amp;#39;) to access the apis of module. e.g.
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#1">
+  <meta name="description" content="Built-in Modules
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Built-in Modules">
 <meta property="og:url" content="https://weex.apache.org/references/modules/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:description" content="Built-in ModulesHow to useYou can use a simply way like requireModule(&amp;#39;name&amp;#39;) to access the apis of module. e.g.
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#1">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:description" content="Built-in Modules
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Built-in Modules">
-<meta name="twitter:description" content="Built-in ModulesHow to useYou can use a simply way like requireModule(&amp;#39;name&amp;#39;) to access the apis of module. e.g.
-&amp;lt;script&amp;gt;  const modal = weex.requireModule(&apos;modal&apos;)  module.exports = &amp;#1">
+<meta name="twitter:description" content="Built-in Modules
+animation
+WebSocket
+picker
+clipboard
+dom
+modal
+navigator
+storage
+stream
+webview
+globalEvent">
   
     <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
   
@@ -118,13 +105,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +144,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +583,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +703,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +726,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1170,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1290,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1313,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,10 +1331,22 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
-    <h1 id="Built-in-Modules"><a href="#Built-in-Modules" class="headerlink" title="Built-in Modules"></a>Built-in Modules</h1><h2 id="How-to-use"><a href="#How-to-use" class="headerlink" title="How to use"></a>How to use</h2><p>You can use a simply way like <code>requireModule(&#39;name&#39;)</code> to access the apis of module. e.g.</p>
-<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="built_in">module</span>.exports = &#123;</div><div class="line">    <span class="attr">data</span>: &#123;&#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      <span class="attr">toast</span>: <span class="function"><span class="keyword">function</span> (<span class="params"></span>) </span>&#123;</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'props: '</span> + event.data.join(<span class="string">', '</span>)</div><div class="line">        &#125;)</div><div class="line">      &#12
 5;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
+    <h1 id="Built-in-Modules"><a href="#Built-in-Modules" class="headerlink" title="Built-in Modules"></a>Built-in Modules</h1><ul>
+<li><a href="./animation.html">animation</a></li>
+<li><a href="./websocket.html">WebSocket</a></li>
+<li><a href="./picker.html">picker</a></li>
+<li><a href="./clipboard.html">clipboard</a></li>
+<li><a href="./dom.html">dom</a></li>
+<li><a href="./modal.html">modal</a></li>
+<li><a href="./navigator.html">navigator</a></li>
+<li><a href="./storage.html">storage</a></li>
+<li><a href="./stream.html">stream</a></li>
+<li><a href="./webview.html">webview</a></li>
+<li><a href="./globalevent.html">globalEvent</a></li>
+</ul>
+
   </div>
   
 </article>
@@ -1352,7 +1367,7 @@
           <a href="/references/modules/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/modal.html
----------------------------------------------------------------------
diff --git a/content/references/modules/modal.html b/content/references/modules/modal.html
index a1155b2..ef77832 100644
--- a/content/references/modules/modal.html
+++ b/content/references/modules/modal.html
@@ -5,49 +5,6 @@
   
   <title>modal | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
 APItoast(options)A toast provides simple feedback about an operation in a small popup. For example, navigating away">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
 APItoast(options)A toast provides simple feedback about an operation in a small popup. For example, navigating away">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="modal">
 <meta name="twitter:description" content="modalWeex provides a series of message boxes: toast, alert, confirm and prompt.    
@@ -118,13 +75,29 @@ APItoast(options)A toast provides simple feedback about an operation in a small
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/modal.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ APItoast(options)A toast provides simple feedback about an operation in a small
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="modal"><a href="#modal" class="headerlink" title="modal"></a>modal</h1><p>Weex provides a series of message boxes: <code>toast</code>, <code>alert</code>, <code>confirm</code> and <code>prompt</code>.    </p>
 <h2 id="API"><a href="#API" class="headerlink" title="API"></a>API</h2><h3 id="toast-options"><a href="#toast-options" class="headerlink" title="toast(options)"></a>toast(options)</h3><p>A toast provides simple feedback about an operation in a small popup. For example, navigating away from an email before you send it triggers a \u201cDraft saved\u201d toast to let you know that you can continue editing later. Toasts automatically disappear after a timeout.    </p>
@@ -1380,7 +1353,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
 </li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showToast"</span>&gt;</span>Toast<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showAlert"</span>&gt;</span>Alert<span class="tag">&lt;/<span class="name">text</span>&gt;</span
 ></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showConfirm"</span>&gt;</span>Confirm<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"showPrompt"</span>&gt;</span>Prompt<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">var</span> m
 odal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      showToast (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show toast'</span>)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a toast'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showAlert (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show alert'</span>)</div><div class="line">        modal.alert(&#1
 23;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a alert'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'alert callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showConfirm (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show confirm'</span>)</div><div class="line">        modal.confirm(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'Do you confirm ?'</span>,</div><div class="line">          <span class="attr">duration</span>: <span cl
 ass="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'confirm callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      showPrompt (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will show prompt'</span>)</div><div class="line">        modal.prompt(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">'This is a prompt'</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.3</span></div><div class="line">        &#125;, <span class="function"><span class="keyword">function</span> (<span class="params">value</span>) </span>&#123;</div><div class="line">
           <span class="built_in">console</span>.log(<span class="string">'prompt callback'</span>, value)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line">    <span cla
 ss="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD</span>;</div><div class="line">    <span clas
 s="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/modal.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/a7dddfb24edb72be947fc4eec3803f1d" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1402,7 +1375,7 @@ APItoast(options)A toast provides simple feedback about an operation in a small
           <a href="/references/modules/modal.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/modal.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/modal.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/navigator.html
----------------------------------------------------------------------
diff --git a/content/references/modules/navigator.html b/content/references/modules/navigator.html
index 4d76f93..92e0e3d 100644
--- a/content/references/modules/navigator.html
+++ b/content/references/modules/navigator.html
@@ -5,49 +5,6 @@
   
   <title>navigator | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Navigatorv0.6.1+
 As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.And The navigator module mimics the same behaviors in the iOS/Android application">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Navigatorv0.6.1+
 As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.And The navigator module mimics the same behaviors in the iOS/Android application">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="navigator">
 <meta name="twitter:description" content="Navigatorv0.6.1+
@@ -118,13 +75,29 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/navigator.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="Navigator"><a href="#Navigator" class="headerlink" title="Navigator"></a>Navigator</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>As it\u2019s known to all that, we can navigate back and forth in the web browser using the navigation bar.<br>And The navigator module mimics the same behaviors in the iOS/Android application. Without such an ability, We will have to stay in the same page forever, so it is very important. Besides the navigation, the module can let us to specify whether to apply animation or not during the transition.</p>
@@ -1354,7 +1327,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
 <li>callback(object): the callback function after executing this action.</li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"jump"</span>&gt;</span>Jump<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="
 javascript"></span></div><div class="line">  <span class="keyword">var</span> navigator = weex.requireModule(<span class="string">'navigator'</span>)</div><div class="line">  <span class="keyword">var</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      jump (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will jump'</span>)</div><div class="line">        navigator.push(&#123;</div><div class="line">          <span class="attr">url</span>: <span class="string">'http://dotwe.org/raw/dist/519962541fcf6acd911986357ad9c2ed.js'</span>,</div><div class="line">          <span class="attr">animated</span>: <span class="string">"true"</span></div><div class="line">        &#125;, event =&gt;
  &#123;</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'callback: '</span> + event &#125;)</div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">60p
 x</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">450px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">150px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#DDDDDD
 </span>;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#F5F5F5</span></div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/navigator.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/5c670b07735ee6d08de5c8eb93f91f11" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1376,7 +1349,7 @@ As it\u2019s known to all that, we can navigate back and forth in the web browser u
           <a href="/references/modules/navigator.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/navigator.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/navigator.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/modules/picker.html
----------------------------------------------------------------------
diff --git a/content/references/modules/picker.html b/content/references/modules/picker.html
index b71ccf7..88e4813 100644
--- a/content/references/modules/picker.html
+++ b/content/references/modules/picker.html
@@ -5,49 +5,6 @@
   
   <title>picker | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="pickerv0.9+
 SummaryA series of stream api. It provides function: pick data,pick date,pick time
 APIpick(options, callback[options])pick data(single column)
@@ -66,7 +23,7 @@ Arguments
 options {Object}:pick options
 
 inde">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="picker">
 <meta name="twitter:description" content="pickerv0.9+
@@ -133,13 +90,29 @@ inde">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/modules/picker.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/modules/picker.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ inde">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -595,11 +568,11 @@ inde">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
@@ -715,12 +688,12 @@ inde">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ inde">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1182,11 +1155,11 @@ inde">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link current ">picker</a>
               </li>
             
               <li>
@@ -1302,12 +1275,12 @@ inde">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@ inde">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@ inde">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="picker"><a href="#picker" class="headerlink" title="picker"></a>picker</h1><p><span class="weex-version">v0.9+</span></p>
 <h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><p>A series of stream api. It provides function: pick data,pick date,pick time</p>
@@ -1413,7 +1386,7 @@ inde">
           <a href="/references/modules/picker.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/modules/picker.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/modules/picker.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[27/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/customize-a-native-component.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/customize-a-native-component.html b/content/cn/v-0.10/advanced/customize-a-native-component.html
index 72f7823..3275ac1 100644
--- a/content/cn/v-0.10/advanced/customize-a-native-component.html
+++ b/content/cn/v-0.10/advanced/customize-a-native-component.html
@@ -5,49 +5,6 @@
   
   <title>\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6\uff1fWeex \u5df2\u7ecf\u5305\u542b\u4e86\u6700\u5173\u952e\u7684\u5e73\u53f0\u7ec4\u4ef6\uff0c\u4f8b\u5982 ScrollView, ListView, Text, Imageview \u7b49\u7b49\u3002\u5f53\u7136\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u5e76\u4e0d\u80fd\u5b8c\u5168\u6ee1\u8db3\u4f60\u7684\u9700\u6c42\u3002\u53e6\u5916\uff0c\u90a3\u4e9b\u5728\u4f60\u7684\u5de5\u7a0b\u4e2d\u5e38\u7528\u7684\u5927\u91cf\u539f\u751f UI \u7ec4\u4ef6\uff0c\u53ef\u80fd\u9700\u8981\u88ab\u7b80\u5355\u5730\u96c6\u5408\u5230 Weex \u4e2d\u3002\u5e78\u8fd0\u7684\u662f\uff0c\u901a\u8fc7\u4efb\u610f\u5df2\u5b58\u5728\u7684\u7ec4\u4ef6\u6765\u521b\u5efa\u4f60\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u662f\u4e00\u4ef6\u5f88\u65b9\u4fbf\u7684\u4e8b\u3002
 Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6\uff1fWeex \u5df2\u7ecf\u5305\u542b\u4e86\u6700\u5173\u952e\u7684\u5e73\u53f0\u7ec4\u4ef6\uff0c\u4f8b\u5982 ScrollView, ListView, Text, Imageview \u7b49\u7b49\u3002\u5f53\u7136\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u5e76\u4e0d\u80fd\u5b8c\u5168\u6ee1\u8db3\u4f60\u7684\u9700\u6c42\u3002\u53e6\u5916\uff0c\u90a3\u4e9b\u5728\u4f60\u7684\u5de5\u7a0b\u4e2d\u5e38\u7528\u7684\u5927\u91cf\u539f\u751f UI \u7ec4\u4ef6\uff0c\u53ef\u80fd\u9700\u8981\u88ab\u7b80\u5355\u5730\u96c6\u5408\u5230 Weex \u4e2d\u3002\u5e78\u8fd0\u7684\u662f\uff0c\u901a\u8fc7\u4efb\u610f\u5df2\u5b58\u5728\u7684\u7ec4\u4ef6\u6765\u521b\u5efa\u4f60\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u662f\u4e00\u4ef6\u5f88\u65b9\u4fbf\u7684\u4e8b\u3002
 Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6">
 <meta name="twitter:description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6\uff1fWeex \u5df2\u7ecf\u5305\u542b\u4e86\u6700\u5173\u952e\u7684\u5e73\u53f0\u7ec4\u4ef6\uff0c\u4f8b\u5982 ScrollView, ListView, Text, Imageview \u7b49\u7b49\u3002\u5f53\u7136\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u5e76\u4e0d\u80fd\u5b8c\u5168\u6ee1\u8db3\u4f60\u7684\u9700\u6c42\u3002\u53e6\u5916\uff0c\u90a3\u4e9b\u5728\u4f60\u7684\u5de5\u7a0b\u4e2d\u5e38\u7528\u7684\u5927\u91cf\u539f\u751f UI \u7ec4\u4ef6\uff0c\u53ef\u80fd\u9700\u8981\u88ab\u7b80\u5355\u5730\u96c6\u5408\u5230 Weex \u4e2d\u3002\u5e78\u8fd0\u7684\u662f\uff0c\u901a\u8fc7\u4efb\u610f\u5df2\u5b58\u5728\u7684\u7ec4\u4ef6\u6765\u521b\u5efa\u4f60\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u662f\u4e00\u4ef6\u5f88\u65b9\u4fbf\u7684\u4e8b\u3002
@@ -118,13 +75,29 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/customize-a-native-component.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/customize-a-native-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -161,7 +134,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -360,7 +333,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u81ea\u5b9a\u4e49-native-\u7ec4\u4ef6\uff1f"><a href="#\u5982\u4f55\u81ea\u5b9a\u4e49-native-\u7ec4\u4ef6\uff1f" class="headerlink" title="\u5982\u4f55\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6\uff1f"></a>\u5982\u4f55\u81ea\u5b9a\u4e49 native \u7ec4\u4ef6\uff1f</h1><p>Weex \u5df2\u7ecf\u5305\u542b\u4e86\u6700\u5173\u952e\u7684\u5e73\u53f0\u7ec4\u4ef6\uff0c\u4f8b\u5982 <code>ScrollView, ListView, Text, Imageview</code> \u7b49\u7b49\u3002\u5f53\u7136\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u5e76\u4e0d\u80fd\u5b8c\u5168\u6ee1\u8db3\u4f60\u7684\u9700\u6c42\u3002\u53e6\u5916\uff0c\u90a3\u4e9b\u5728\u4f60\u7684\u5de5\u7a0b\u4e2d\u5e38\u7528\u7684\u5927\u91cf\u539f\u751f UI \u7ec4\u4ef6\uff0c\u53ef\u80fd\u9700\u8981\u88ab\u7b80\u5355\u5730\u96c6\u5408\u5230 Weex \u4e2d\u3002\u5e78\u8fd0\u7684\u662f\uff0c\u901a\u8fc7\u4efb\u610f\u5df2\u5b58\u5728\u7684\u7ec4\u4ef6\u6765\u521b\u5efa\u4f60\u7684\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u662f\u4e00\u4ef6\u5f88\u65b9\u4fbf\u7684\u4e8b\u3002</p>
 <h2 id="Android"><a href="#Android" class="headerlink" title="Android"></a>Android</h2><h3 id="\u6b65\u9aa4\uff1a"><a href="#\u6b65\u9aa4\uff1a" class="headerlink" title="\u6b65\u9aa4\uff1a"></a>\u6b65\u9aa4\uff1a</h3><p>1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea <code>WXComponent</code> \u6216\u8005 <code>WXContainer</code> \uff1b<br>2.weex SDK \u53ef\u4ee5\u8bc6\u522b @WXComponentProp (name = value(value \u662f attr \u6216\u8005 dsl style))\uff1b<br>3.\u65b9\u6cd5\u5fc5\u987b\u662f <code>public</code> \u7684\uff1b<br>4.\u7ec4\u4ef6\u7c7b\u4e0d\u80fd\u662f\u4e00\u4e2a\u5185\u90e8\u7c7b\uff1b<br>5.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u4e0d\u80fd\u88ab ProGuard \u4e4b\u7c7b\u7684\u5de5\u5177\u6df7\u6dc6\uff1b<br>6.\u7ec4\u4ef6\u65b9\u6cd5\u5728 UI \u7ebf\u7a0b\u88ab\u8c03\u7528\uff0c\u56e0\u6b64\u4e0d\u8981\u5728\u91cc\u9762\u8fdb\u884c\u8017\u65f6\u7684\u64cd\u4f5c\uff1b<br>7.Weex \u7684\u53c2\u6570\u7c7b\u578b\u53ef\u4ee5\u662f int, double, float, String, Map, List \u548c\u5b9e\u73b0\u4e86 WXObject \u63a5\u53e3\u7684\u81ea\u5b9a\u4e49\u7c7b\uff1b</p>
@@ -459,7 +432,7 @@ Android\u6b65\u9aa4\uff1a1.\u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5fc5\u987b\u7ee7\u627f\u81ea">
           <a href="/v-0.10/advanced/customize-a-native-component.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/customize-a-native-component.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/customize-a-native-component.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/cuszomize-native-apis.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/cuszomize-native-apis.html b/content/cn/v-0.10/advanced/cuszomize-native-apis.html
index 40798ec..86cf13e 100644
--- a/content/cn/v-0.10/advanced/cuszomize-native-apis.html
+++ b/content/cn/v-0.10/advanced/cuszomize-native-apis.html
@@ -5,49 +5,6 @@
   
   <title>\u81ea\u5b9a\u4e49 native API | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native API\uff1fWeex \u7684 SDK \u53ea\u63d0\u4f9b\u4e86\u9875\u9762\u6e32\u67d3\u7684\u80fd\u529b\uff0c\u4f46\u662f\u4e00\u4e9b\u5176\u5b83\u64cd\u4f5c\uff0c\u6bd4\u5982\u7f51\u7edc\u8bf7\u6c42\u3001\u56fe\u7247\u52a0\u8f7d\u3001\u91cd\u5b9a\u5411\u7b49\u529f\u80fd\u9700\u8981\u4f60\u81ea\u5df1\u53bb\u5b9e\u73b0\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u8bb2\u8ff0\u4e86\u5982\u4f55\u7528\u539f\u751f\u4ee3\u7801\u53bb\u6269\u5c55 Weex \u7684\u529f\u80fd\u3002
 \u5173\u4e8e URLHelper \u7684\u4f8b\u5b50\u65b0\u5efa\u4e00\u4e2a WXModulepublic class URLHelperModule extends WXModule&amp;#123;    private stat">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native API\uff1fWeex \u7684 SDK \u53ea\u63d0\u4f9b\u4e86\u9875\u9762\u6e32\u67d3\u7684\u80fd\u529b\uff0c\u4f46\u662f\u4e00\u4e9b\u5176\u5b83\u64cd\u4f5c\uff0c\u6bd4\u5982\u7f51\u7edc\u8bf7\u6c42\u3001\u56fe\u7247\u52a0\u8f7d\u3001\u91cd\u5b9a\u5411\u7b49\u529f\u80fd\u9700\u8981\u4f60\u81ea\u5df1\u53bb\u5b9e\u73b0\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u8bb2\u8ff0\u4e86\u5982\u4f55\u7528\u539f\u751f\u4ee3\u7801\u53bb\u6269\u5c55 Weex \u7684\u529f\u80fd\u3002
 \u5173\u4e8e URLHelper \u7684\u4f8b\u5b50\u65b0\u5efa\u4e00\u4e2a WXModulepublic class URLHelperModule extends WXModule&amp;#123;    private stat">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u81ea\u5b9a\u4e49 native API">
 <meta name="twitter:description" content="\u5982\u4f55\u81ea\u5b9a\u4e49 native API\uff1fWeex \u7684 SDK \u53ea\u63d0\u4f9b\u4e86\u9875\u9762\u6e32\u67d3\u7684\u80fd\u529b\uff0c\u4f46\u662f\u4e00\u4e9b\u5176\u5b83\u64cd\u4f5c\uff0c\u6bd4\u5982\u7f51\u7edc\u8bf7\u6c42\u3001\u56fe\u7247\u52a0\u8f7d\u3001\u91cd\u5b9a\u5411\u7b49\u529f\u80fd\u9700\u8981\u4f60\u81ea\u5df1\u53bb\u5b9e\u73b0\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u8bb2\u8ff0\u4e86\u5982\u4f55\u7528\u539f\u751f\u4ee3\u7801\u53bb\u6269\u5c55 Weex \u7684\u529f\u80fd\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/cuszomize-native-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -161,7 +134,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -360,7 +333,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5982\u4f55\u81ea\u5b9a\u4e49-native-API\uff1f"><a href="#\u5982\u4f55\u81ea\u5b9a\u4e49-native-API\uff1f" class="headerlink" title="\u5982\u4f55\u81ea\u5b9a\u4e49 native API\uff1f"></a>\u5982\u4f55\u81ea\u5b9a\u4e49 native API\uff1f</h1><p>Weex \u7684 SDK \u53ea\u63d0\u4f9b\u4e86\u9875\u9762\u6e32\u67d3\u7684\u80fd\u529b\uff0c\u4f46\u662f\u4e00\u4e9b\u5176\u5b83\u64cd\u4f5c\uff0c\u6bd4\u5982\u7f51\u7edc\u8bf7\u6c42\u3001\u56fe\u7247\u52a0\u8f7d\u3001\u91cd\u5b9a\u5411\u7b49\u529f\u80fd\u9700\u8981\u4f60\u81ea\u5df1\u53bb\u5b9e\u73b0\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u8bb2\u8ff0\u4e86\u5982\u4f55\u7528\u539f\u751f\u4ee3\u7801\u53bb\u6269\u5c55 Weex \u7684\u529f\u80fd\u3002</p>
 <h2 id="\u5173\u4e8e-URLHelper-\u7684\u4f8b\u5b50"><a href="#\u5173\u4e8e-URLHelper-\u7684\u4f8b\u5b50" class="headerlink" title="\u5173\u4e8e URLHelper \u7684\u4f8b\u5b50"></a>\u5173\u4e8e URLHelper \u7684\u4f8b\u5b50</h2><h3 id="\u65b0\u5efa\u4e00\u4e2a-WXModule"><a href="#\u65b0\u5efa\u4e00\u4e2a-WXModule" class="headerlink" title="\u65b0\u5efa\u4e00\u4e2a WXModule"></a>\u65b0\u5efa\u4e00\u4e2a WXModule</h3><figure class="highlight java"><table><tr><td class="code"><pre><div class="line"><span class="keyword">public</span> <span class="class"><span class="keyword">class</span> <span class="title">URLHelperModule</span> <span class="keyword">extends</span> <span class="title">WXModule</span></span>&#123;</div><div class="line">    <span class="keyword">private</span> <span class="keyword">static</span> <span class="keyword">final</span> String WEEX_CATEGORY=<span class="string">"com.taobao.android.intent.category.WEEX"</span>;</div><div class="line">    <span class="meta">@WXModuleAnno</span></div><div class="line">    <span class="function"><span class="keyword">public</span> <span cla
 ss="keyword">void</span> <span class="title">openURL</span><span class="params">(String url)</span></span>&#123;</div><div class="line">        <span class="keyword">if</span> (TextUtils.isEmpty(url)) &#123;</div><div class="line">            <span class="keyword">return</span>;</div><div class="line">        &#125;</div><div class="line">        StringBuilder builder=<span class="keyword">new</span> StringBuilder(<span class="string">"http:"</span>);</div><div class="line">        builder.append(url);</div><div class="line">        Uri uri = Uri.parse(builder.toString());</div><div class="line">        Intent intent = <span class="keyword">new</span> Intent(Intent.ACTION_VIEW, uri);</div><div class="line">        intent.addCategory(WEEX_CATEGORY);</div><div class="line">        mWXSDKInstance.getContext().startActivity(intent);</div><div class="line">    &#125;</div><div class="line">&#125;</div></pre></td></tr></table></figure>
@@ -405,7 +378,7 @@
           <a href="/v-0.10/advanced/cuszomize-native-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/cuszomize-native-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/extend-to-android.html b/content/cn/v-0.10/advanced/extend-to-android.html
index e9ded94..4265114 100644
--- a/content/cn/v-0.10/advanced/extend-to-android.html
+++ b/content/cn/v-0.10/advanced/extend-to-android.html
@@ -5,49 +5,6 @@
   
   <title>Android \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
 
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
@@ -62,7 +19,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
 Module \u6269\u5c55 \u975e UI \u7684\u7279\u5b9a\u529f\u80fd\u3002\u4f8b\u5982 sendHttp\u3001openURL \u7b49\u3002
 Component \u6269\u5c55 \u5b9e\u73b0\u7279\u522b\u529f\u80fd\u7684 Native \u63a7\u4ef6\u3002\u4f8b\u5982\uff1aRichTextview\uff0cRefreshListview \u7b49\u3002
 Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Android \u6269\u5c55">
 <meta name="twitter:description" content="Android \u6269\u5c55Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  
@@ -127,13 +84,29 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -369,7 +342,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Android-\u6269\u5c55"><a href="#Android-\u6269\u5c55" class="headerlink" title="Android \u6269\u5c55"></a>Android \u6269\u5c55</h1><p>Weex \u63d0\u4f9b\u4e86\u6269\u5c55\u673a\u5236\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u4e1a\u52a1\u8fdb\u884c\u5b9a\u5236\u81ea\u5df1\u7684\u529f\u80fd\u3002<br>\u4e3b\u8981\u5206\u4e3a\u4e24\u7c7b\u6269\u5c55\uff1a  </p>
 <ul>
@@ -435,7 +408,7 @@ Adapter \u6269\u5c55 Weex \u5bf9\u4e00\u4e9b\u57fa\u7840\u529f\u80fd\u5b9e\u73b0\u4e86\u7edf\u4e00\u7684\u63a5\u53e3\uff0c\u53ef\u5b9e\u73b0">
           <a href="/v-0.10/advanced/extend-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/extend-to-html5.html b/content/cn/v-0.10/advanced/extend-to-html5.html
index bfc685a..039fd0c 100644
--- a/content/cn/v-0.10/advanced/extend-to-html5.html
+++ b/content/cn/v-0.10/advanced/extend-to-html5.html
@@ -5,49 +5,6 @@
   
   <title>weex-html5 \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6269\u5c55 weex-html5\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u9ad8\u53ef\u6269\u5c55\u6027\u7684\u8de8\u5e73\u53f0\u52a8\u6001\u5316\u5f00\u53d1\u65b9\u6848\uff0c\u4f60\u53ef\u4ee5\u5728\u73b0\u6709\u7ec4\u4ef6\u57fa\u7840\u4e0a\u5b9a\u5236\u81ea\u5df1\u9700\u8981\u7684\u4e09\u7aef\u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u4e3a Weex API \u6a21\u5757\u6dfb\u52a0\u65b0\u7684\u65b9\u6cd5\uff0c\u6216\u8005\u521b\u5efa\u65b0\u7684 API \u6a21\u5757\u548c\u65b0\u7684\u52a0\u8f7d\u5668\u3002\u6309\u7167\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\u6269\u5c55\u4f60\u7684\u7ec4\u4ef6\uff0cAPI \u6216\u8005\u52a0\u8f7d\u5668\u3002
 \u9996\u5148\u8981\u660e\u786e\u7684\u662f\uff0c\u7ec4\u4ef6\u548c API \u6a21\u5757\u662f\u57fa\u4e8e Weex \u7684\u6269\u5c55\uff0c\u4f46\u662f\u72ec\u7acb\u4e8e Weex\uff0c\u7ec4\u4ef6\u7684\u5b9a\u4e49\u672c\u8eab\u662f\u4e0d\u9700\u8981\u4f9d\u8d56\u4e8e Weex \u7684\uff0c\u8fd9\u6837\u6709\u52a9">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u6269\u5c55 weex-html5\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u9ad8\u53ef\u6269\u5c55\u6027\u7684\u8de8\u5e73\u53f0\u52a8\u6001\u5316\u5f00\u53d1\u65b9\u6848\uff0c\u4f60\u53ef\u4ee5\u5728\u73b0\u6709\u7ec4\u4ef6\u57fa\u7840\u4e0a\u5b9a\u5236\u81ea\u5df1\u9700\u8981\u7684\u4e09\u7aef\u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u4e3a Weex API \u6a21\u5757\u6dfb\u52a0\u65b0\u7684\u65b9\u6cd5\uff0c\u6216\u8005\u521b\u5efa\u65b0\u7684 API \u6a21\u5757\u548c\u65b0\u7684\u52a0\u8f7d\u5668\u3002\u6309\u7167\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\u6269\u5c55\u4f60\u7684\u7ec4\u4ef6\uff0cAPI \u6216\u8005\u52a0\u8f7d\u5668\u3002
 \u9996\u5148\u8981\u660e\u786e\u7684\u662f\uff0c\u7ec4\u4ef6\u548c API \u6a21\u5757\u662f\u57fa\u4e8e Weex \u7684\u6269\u5c55\uff0c\u4f46\u662f\u72ec\u7acb\u4e8e Weex\uff0c\u7ec4\u4ef6\u7684\u5b9a\u4e49\u672c\u8eab\u662f\u4e0d\u9700\u8981\u4f9d\u8d56\u4e8e Weex \u7684\uff0c\u8fd9\u6837\u6709\u52a9">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="weex-html5 \u6269\u5c55">
 <meta name="twitter:description" content="\u6269\u5c55 weex-html5\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u9ad8\u53ef\u6269\u5c55\u6027\u7684\u8de8\u5e73\u53f0\u52a8\u6001\u5316\u5f00\u53d1\u65b9\u6848\uff0c\u4f60\u53ef\u4ee5\u5728\u73b0\u6709\u7ec4\u4ef6\u57fa\u7840\u4e0a\u5b9a\u5236\u81ea\u5df1\u9700\u8981\u7684\u4e09\u7aef\u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u4e3a Weex API \u6a21\u5757\u6dfb\u52a0\u65b0\u7684\u65b9\u6cd5\uff0c\u6216\u8005\u521b\u5efa\u65b0\u7684 API \u6a21\u5757\u548c\u65b0\u7684\u52a0\u8f7d\u5668\u3002\u6309\u7167\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\u6269\u5c55\u4f60\u7684\u7ec4\u4ef6\uff0cAPI \u6216\u8005\u52a0\u8f7d\u5668\u3002
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -161,7 +134,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -360,7 +333,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6269\u5c55-weex-html5"><a href="#\u6269\u5c55-weex-html5" class="headerlink" title="\u6269\u5c55 weex-html5"></a>\u6269\u5c55 weex-html5</h1><h3 id="\u7b80\u4ecb"><a href="#\u7b80\u4ecb" class="headerlink" title="\u7b80\u4ecb"></a>\u7b80\u4ecb</h3><p>Weex \u662f\u4e00\u4e2a\u9ad8\u53ef\u6269\u5c55\u6027\u7684\u8de8\u5e73\u53f0\u52a8\u6001\u5316\u5f00\u53d1\u65b9\u6848\uff0c\u4f60\u53ef\u4ee5\u5728\u73b0\u6709\u7ec4\u4ef6\u57fa\u7840\u4e0a\u5b9a\u5236\u81ea\u5df1\u9700\u8981\u7684\u4e09\u7aef\u7ec4\u4ef6\u3002\u4f60\u53ef\u4ee5\u4e3a Weex API \u6a21\u5757\u6dfb\u52a0\u65b0\u7684\u65b9\u6cd5\uff0c\u6216\u8005\u521b\u5efa\u65b0\u7684 API \u6a21\u5757\u548c\u65b0\u7684\u52a0\u8f7d\u5668\u3002\u6309\u7167\u4ee5\u4e0b\u51e0\u4e2a\u6b65\u9aa4\u6269\u5c55\u4f60\u7684\u7ec4\u4ef6\uff0cAPI \u6216\u8005\u52a0\u8f7d\u5668\u3002</p>
 <p>\u9996\u5148\u8981\u660e\u786e\u7684\u662f\uff0c\u7ec4\u4ef6\u548c API \u6a21\u5757\u662f\u57fa\u4e8e Weex \u7684\u6269\u5c55\uff0c\u4f46\u662f\u72ec\u7acb\u4e8e Weex\uff0c\u7ec4\u4ef6\u7684\u5b9a\u4e49\u672c\u8eab\u662f\u4e0d\u9700\u8981\u4f9d\u8d56\u4e8e Weex \u7684\uff0c\u8fd9\u6837\u6709\u52a9\u4e8e\u7ec4\u4ef6\u7684\u5206\u6563\u5316\u7ba1\u7406\uff0c\u53bb\u9664\u4e2d\u5fc3\u5316\u4f9d\u8d56\u3002</p>
@@ -435,7 +408,7 @@
           <a href="/v-0.10/advanced/extend-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/extend-to-ios.html b/content/cn/v-0.10/advanced/extend-to-ios.html
index c64d517..8ec7feb 100644
--- a/content/cn/v-0.10/advanced/extend-to-ios.html
+++ b/content/cn/v-0.10/advanced/extend-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>iOS \u6269\u5c55 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="iOS \u6269\u5c55Module \u6269\u5c55swift \u6269\u5c55 module 
 Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module
 
@@ -66,7 +23,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
 
 \u81ea\u5b9a\u4e49\u7684module\u7c7b \u5fc5\u987b\u5b9e\u73b0 WXModuleProtocol
 \u5fc5\u987b\u6dfb\u52a0\u5b8fWX_EXPORT_METHO">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="iOS \u6269\u5c55">
 <meta name="twitter:description" content="iOS \u6269\u5c55Module \u6269\u5c55swift \u6269\u5c55 module 
@@ -133,13 +90,29 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/extend-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -158,7 +131,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -176,7 +149,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -375,7 +348,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h2 id="iOS-\u6269\u5c55"><a href="#iOS-\u6269\u5c55" class="headerlink" title="iOS \u6269\u5c55"></a>iOS \u6269\u5c55</h2><h3 id="Module-\u6269\u5c55"><a href="#Module-\u6269\u5c55" class="headerlink" title="Module \u6269\u5c55"></a>Module \u6269\u5c55</h3><p><a href="https://github.com/weexteam/article/issues/55" target="_blank" rel="external">swift</a> \u6269\u5c55 module </p>
 <p>Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc\uff0c\u56fe\u7247\uff0cURL\u8df3\u8f6c\u8fd9\u4e9b\u7279\u6027\uff0c\u9700\u8981\u81ea\u5df1\u52a8\u624b\u5b9e\u73b0\u4ed6\u4eec<br>\u4f8b\u5982\uff0c\u5982\u679c\u4f60\u60f3\u5b9e\u73b0\u4e00\u4e2aurl\u5730\u5740\u8df3\u8f6c\u51fd\u6570\uff0c\u4f60\u53ef\u4ee5\u6309\u7167\u5982\u4e0b\u6b65\u9aa4\u5b9e\u73b0\u4e00\u4e2a Module</p>
@@ -485,7 +458,7 @@ Weex SDK \u53ea\u63d0\u4f9b\u6e32\u67d3\uff0c\u800c\u4e0d\u662f\u5176\u4ed6\u7684\u80fd\u529b\uff0c\u5982\u679c\u4f60\u9700\u8981 \u50cf\u7f51\u7edc
           <a href="/v-0.10/advanced/extend-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/extend-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/how-data-binding-works.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/how-data-binding-works.html b/content/cn/v-0.10/advanced/how-data-binding-works.html
index 9619b3f..69249c8 100644
--- a/content/cn/v-0.10/advanced/how-data-binding-works.html
+++ b/content/cn/v-0.10/advanced/how-data-binding-works.html
@@ -5,49 +5,6 @@
   
   <title>\u6570\u636e\u7ed1\u5b9a\u539f\u7406 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406Weex \u7684 JS Framework \u662f\u4e00\u4e2a MVVM\uff0c\u5373 Model-View-ViewModel \u6846\u67b6\u3002\u4ed6\u4f1a\u81ea\u52a8\u76d1\u542c\u6570\u636e\u7684\u53d8\u5316\uff0c\u5e76\u901a\u8fc7 {{\u5b57\u6bb5\u540d}} \u7684\u8bed\u6cd5\u628a\u6570\u636e\u548c\u89c6\u56fe\u4e2d\u6240\u5c55\u793a\u7684\u5185\u5bb9\u81ea\u52a8\u7ed1\u5b9a\u8d77\u6765\u3002\u5f53\u6570\u636e\u88ab\u6539\u5199\u7684\u65f6\u5019\uff0c\u89c6\u56fe\u4f1a\u81ea\u52a8\u6839\u636e\u6570\u636e\u7684\u53d8\u5316\u800c\u53d1\u751f\u76f8\u5e94\u7684\u53d8\u5316\u3002
 \u6bd4\u5982\u4e0b\u9762\u8fd9\u4e2a\u4f8b\u5b50\uff0c&amp;lt;text&amp;gt; \u7684\u5185\u5bb9\u88ab\u7ed1\u5b9a\u5728\u4e86 notes \u6570\u636e\u5b57\u6bb5\u4e0a\uff1a
 &amp;lt;template&amp;g">
@@ -58,7 +15,7 @@
 <meta property="og:description" content="\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406Weex \u7684 JS Framework \u662f\u4e00\u4e2a MVVM\uff0c\u5373 Model-View-ViewModel \u6846\u67b6\u3002\u4ed6\u4f1a\u81ea\u52a8\u76d1\u542c\u6570\u636e\u7684\u53d8\u5316\uff0c\u5e76\u901a\u8fc7 {{\u5b57\u6bb5\u540d}} \u7684\u8bed\u6cd5\u628a\u6570\u636e\u548c\u89c6\u56fe\u4e2d\u6240\u5c55\u793a\u7684\u5185\u5bb9\u81ea\u52a8\u7ed1\u5b9a\u8d77\u6765\u3002\u5f53\u6570\u636e\u88ab\u6539\u5199\u7684\u65f6\u5019\uff0c\u89c6\u56fe\u4f1a\u81ea\u52a8\u6839\u636e\u6570\u636e\u7684\u53d8\u5316\u800c\u53d1\u751f\u76f8\u5e94\u7684\u53d8\u5316\u3002
 \u6bd4\u5982\u4e0b\u9762\u8fd9\u4e2a\u4f8b\u5b50\uff0c&amp;lt;text&amp;gt; \u7684\u5185\u5bb9\u88ab\u7ed1\u5b9a\u5728\u4e86 notes \u6570\u636e\u5b57\u6bb5\u4e0a\uff1a
 &amp;lt;template&amp;g">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6570\u636e\u7ed1\u5b9a\u539f\u7406">
 <meta name="twitter:description" content="\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406Weex \u7684 JS Framework \u662f\u4e00\u4e2a MVVM\uff0c\u5373 Model-View-ViewModel \u6846\u67b6\u3002\u4ed6\u4f1a\u81ea\u52a8\u76d1\u542c\u6570\u636e\u7684\u53d8\u5316\uff0c\u5e76\u901a\u8fc7 {{\u5b57\u6bb5\u540d}} \u7684\u8bed\u6cd5\u628a\u6570\u636e\u548c\u89c6\u56fe\u4e2d\u6240\u5c55\u793a\u7684\u5185\u5bb9\u81ea\u52a8\u7ed1\u5b9a\u8d77\u6765\u3002\u5f53\u6570\u636e\u88ab\u6539\u5199\u7684\u65f6\u5019\uff0c\u89c6\u56fe\u4f1a\u81ea\u52a8\u6839\u636e\u6570\u636e\u7684\u53d8\u5316\u800c\u53d1\u751f\u76f8\u5e94\u7684\u53d8\u5316\u3002
@@ -121,13 +78,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/how-data-binding-works.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -146,7 +119,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -164,7 +137,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -363,7 +336,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406"><a href="#\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406" class="headerlink" title="\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406"></a>\u6570\u636e\u7ed1\u5b9a\u5b9e\u73b0\u539f\u7406</h1><p>Weex \u7684 JS Framework \u662f\u4e00\u4e2a MVVM\uff0c\u5373 Model-View-ViewModel \u6846\u67b6\u3002\u4ed6\u4f1a\u81ea\u52a8\u76d1\u542c\u6570\u636e\u7684\u53d8\u5316\uff0c\u5e76\u901a\u8fc7 <code>{{\u5b57\u6bb5\u540d}}</code> \u7684\u8bed\u6cd5\u628a\u6570\u636e\u548c\u89c6\u56fe\u4e2d\u6240\u5c55\u793a\u7684\u5185\u5bb9\u81ea\u52a8\u7ed1\u5b9a\u8d77\u6765\u3002\u5f53\u6570\u636e\u88ab\u6539\u5199\u7684\u65f6\u5019\uff0c\u89c6\u56fe\u4f1a\u81ea\u52a8\u6839\u636e\u6570\u636e\u7684\u53d8\u5316\u800c\u53d1\u751f\u76f8\u5e94\u7684\u53d8\u5316\u3002</p>
 <p>\u6bd4\u5982\u4e0b\u9762\u8fd9\u4e2a\u4f8b\u5b50\uff0c<code>&lt;text&gt;</code> \u7684\u5185\u5bb9\u88ab\u7ed1\u5b9a\u5728\u4e86 <code>notes</code> \u6570\u636e\u5b57\u6bb5\u4e0a\uff1a</p>
@@ -397,7 +370,7 @@
           <a href="/v-0.10/advanced/how-data-binding-works.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/how-data-binding-works.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/index.html b/content/cn/v-0.10/advanced/index.html
index 3a98d61..512c1a3 100644
--- a/content/cn/v-0.10/advanced/index.html
+++ b/content/cn/v-0.10/advanced/index.html
@@ -5,49 +5,6 @@
   
   <title>Weex \u5de5\u4f5c\u539f\u7406 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex \u5de5\u4f5c\u539f\u7406\u6982\u8ff0\u603b\u89c8Weex\u662f\u8de8\u5e73\u53f0\uff0c\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u6280\u672f. \u4f60\u80fd\u901a\u8fc7\u5728Weex\u6e90\u7801\u4e2d\u5199&amp;lt;template&amp;gt;, &amp;lt;style&amp;gt; \u548c  &amp;lt;script&amp;gt;\u6807\u7b7e\uff0c\u7136\u540e\u628a\u8fd9\u4e9b\u6807\u7b7e\u8f6c\u6362\u4e3aJS Bundle\u7528\u4e8e\u90e8\u7f72, \u5728\u670d\u52a1\u7aef\u4ee5\u8fd9\u4e9bJS Bundle\u54cd\u5e94\u8bf7\u6c42. \u5f53\u5ba2\u6237\u7aef\u63a5\u6536\u5230JS Bundle\u65f6\uff0c\u5b83\u80fd\u7528\u88ab\u5ba2\u6237\u7aef\u4e2d\u7684JS\u5f15\u64ce\u7528\u4e8e\u7ba1\u7406Native\u6e32\u67d3;API\u8c03\u7528\u548c\u7528\u6237\u4ea4\u4e92.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Weex \u5de5\u4f5c\u539f\u7406">
@@ -56,7 +13,7 @@
 <meta property="og:description" content="Weex \u5de5\u4f5c\u539f\u7406\u6982\u8ff0\u603b\u89c8Weex\u662f\u8de8\u5e73\u53f0\uff0c\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u6280\u672f. \u4f60\u80fd\u901a\u8fc7\u5728Weex\u6e90\u7801\u4e2d\u5199&amp;lt;template&amp;gt;, &amp;lt;style&amp;gt; \u548c  &amp;lt;script&amp;gt;\u6807\u7b7e\uff0c\u7136\u540e\u628a\u8fd9\u4e9b\u6807\u7b7e\u8f6c\u6362\u4e3aJS Bundle\u7528\u4e8e\u90e8\u7f72, \u5728\u670d\u52a1\u7aef\u4ee5\u8fd9\u4e9bJS Bundle\u54cd\u5e94\u8bf7\u6c42. \u5f53\u5ba2\u6237\u7aef\u63a5\u6536\u5230JS Bundle\u65f6\uff0c\u5b83\u80fd\u7528\u88ab\u5ba2\u6237\u7aef\u4e2d\u7684JS\u5f15\u64ce\u7528\u4e8e\u7ba1\u7406Native\u6e32\u67d3;API\u8c03\u7528\u548c\u7528\u6237\u4ea4\u4e92.">
 <meta property="og:image" content="http://gtms02.alicdn.com/tps/i2/TB1ootBMpXXXXXrXXXXwi60UVXX-596-397.png">
 <meta property="og:image" content="http://gtms03.alicdn.com/tps/i3/TB1_SA4MXXXXXXGaXXXpZ8UVXXX-519-337.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex \u5de5\u4f5c\u539f\u7406">
 <meta name="twitter:description" content="Weex \u5de5\u4f5c\u539f\u7406\u6982\u8ff0\u603b\u89c8Weex\u662f\u8de8\u5e73\u53f0\uff0c\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u6280\u672f. \u4f60\u80fd\u901a\u8fc7\u5728Weex\u6e90\u7801\u4e2d\u5199&amp;lt;template&amp;gt;, &amp;lt;style&amp;gt; \u548c  &amp;lt;script&amp;gt;\u6807\u7b7e\uff0c\u7136\u540e\u628a\u8fd9\u4e9b\u6807\u7b7e\u8f6c\u6362\u4e3aJS Bundle\u7528\u4e8e\u90e8\u7f72, \u5728\u670d\u52a1\u7aef\u4ee5\u8fd9\u4e9bJS Bundle\u54cd\u5e94\u8bf7\u6c42. \u5f53\u5ba2\u6237\u7aef\u63a5\u6536\u5230JS Bundle\u65f6\uff0c\u5b83\u80fd\u7528\u88ab\u5ba2\u6237\u7aef\u4e2d\u7684JS\u5f15\u64ce\u7528\u4e8e\u7ba1\u7406Native\u6e32\u67d3;API\u8c03\u7528\u548c\u7528\u6237\u4ea4\u4e92.">
@@ -118,13 +75,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -143,7 +116,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -161,7 +134,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -360,7 +333,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-\u5de5\u4f5c\u539f\u7406\u6982\u8ff0"><a href="#Weex-\u5de5\u4f5c\u539f\u7406\u6982\u8ff0" class="headerlink" title="Weex \u5de5\u4f5c\u539f\u7406\u6982\u8ff0"></a>Weex \u5de5\u4f5c\u539f\u7406\u6982\u8ff0</h1><h2 id="\u603b\u89c8"><a href="#\u603b\u89c8" class="headerlink" title="\u603b\u89c8"></a>\u603b\u89c8</h2><p>Weex\u662f\u8de8\u5e73\u53f0\uff0c\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u6280\u672f. \u4f60\u80fd\u901a\u8fc7\u5728Weex\u6e90\u7801\u4e2d\u5199<code>&lt;template&gt;</code>, <code>&lt;style&gt;</code> \u548c  <code>&lt;script&gt;</code>\u6807\u7b7e\uff0c\u7136\u540e\u628a\u8fd9\u4e9b\u6807\u7b7e\u8f6c\u6362\u4e3aJS Bundle\u7528\u4e8e\u90e8\u7f72, \u5728\u670d\u52a1\u7aef\u4ee5\u8fd9\u4e9bJS Bundle\u54cd\u5e94\u8bf7\u6c42. \u5f53\u5ba2\u6237\u7aef\u63a5\u6536\u5230JS Bundle\u65f6\uff0c\u5b83\u80fd\u7528\u88ab\u5ba2\u6237\u7aef\u4e2d\u7684JS\u5f15\u64ce\u7528\u4e8e\u7ba1\u7406Native\u6e32\u67d3;API\u8c03\u7528\u548c\u7528\u6237\u4ea4\u4e92.</p>
 <h3 id="\u5de5\u4f5c\u6d41"><a href="#\u5de5\u4f5c\u6d41" class="headerlink" title="\u5de5\u4f5c\u6d41"></a>\u5de5\u4f5c\u6d41</h3><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">Weex we \u6587\u4ef6 --------------\u524d\u7aef(we\u6e90\u7801)</div><div class="line">\u2193 (\u8f6c\u6362) ------------------\u524d\u7aef(\u6784\u5efa\u8fc7\u7a0b)</div><div class="line">JS Bundle -----------------\u524d\u7aef(JS Bundle\u4ee3\u7801)</div><div class="line">\u2193 (\u90e8\u7f72) ------------------\u670d\u52a1\u5668</div><div class="line">\u5728\u670d\u52a1\u5668\u4e0a\u7684JS bundle  ----\u670d\u52a1\u5668</div><div class="line">\u2193 (\u7f16\u8bd1) ------------------ \u5ba2\u6237\u7aef(JS\u5f15\u64ce)</div><div class="line">\u865a\u62df DOM \u6811 --------------- \u5ba2\u6237\u7aef(Weex JS Framework)</div><div class="line">\u2193 (\u6e32\u67d3) ------------------ \u5ba2\u6237\u7aef(\u6e32\u67d3\u5f15\u64ce)</div><div class="line">Native\u89c6\u56fe ---------------  \u5ba2\u6237\u7aef(\u6e32\u67d3\u5f15\u64ce)</div></pre></td></tr></table></figure>
@@ -430,7 +403,7 @@
           <a href="/v-0.10/advanced/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/integrate-devtools-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/integrate-devtools-to-android.html b/content/cn/v-0.10/advanced/integrate-devtools-to-android.html
index 52ed5dd..8119bf1 100644
--- a/content/cn/v-0.10/advanced/integrate-devtools-to-android.html
+++ b/content/cn/v-0.10/advanced/integrate-devtools-to-android.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002">
 <meta property="og:type" content="website">
@@ -59,7 +16,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1aKy4NXXXXXacXVXXXXXXXXXX-1019-756.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1igLoMVXXXXawapXXXXXXXXXX-786-1610.jpg">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 Android">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 AndroidWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -122,13 +79,29 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-devtools-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -147,7 +120,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -165,7 +138,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -364,7 +337,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-Android"><a href="#\u96c6\u6210-Devtools-\u5230-Android" class="headerlink" title="\u96c6\u6210 Devtools \u5230 Android"></a>\u96c6\u6210 Devtools \u5230 Android</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e Android \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="Android-\u5e94\u7528\u63a5\u5165"><a href="#Android-\u5e94\u7528\u63a5\u5165" class="headerlink" title="Android \u5e94\u7528\u63a5\u5165"></a>Android \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><p>\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devtools aar \u7684\u4f9d\u8d56\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5bf9\u6e90\u7801\u4f9d\u8d56\u3002\u5f3a\u70c8\u5efa\u8bae\u4f7f\u7528\u6700\u65b0\u7248\u672c\uff0c\u56e0\u4e3a Weex SDK \u548c devtools \u90fd\u5728\u5feb\u901f\u7684\u8fed\u4ee3\u5f00\u53d1\u4e2d\uff0c\u65b0\u7248\u672c\u4f1a\u6709\u66f4\u591a\u60ca\u559c\uff0c\u540c\u65f6\u4e5f\u4fee\u590d\u8001\u7248\u672c\u4e2d\u4e00\u4e9b\u95ee\u9898\u3002\u6700\u65b0\u7684 release \u7248\u672c\u53ef\u5728<a href="https://github.com/weexteam/weex_devtools_android/releases" target="_blank" rel="external">\u8fd9\u91cc</a>\u67e5\u770b\u3002\u6240\u6709\u7684 release \u7248\u672c\u90fd\u4f1a\u53d1\u5e03\u5230 <a href="https://bintray.com/alibabaweex/maven/weex_inspector" target="_blank" rel="external">jcenter repo</a>\u3002</p>
@@ -529,7 +502,7 @@ Android \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u53ef\u4ee5\u901a\u8fc7 Gradle \u6216\u8005 Maven \u6dfb\u52a0\u5bf9 devto
           <a href="/v-0.10/advanced/integrate-devtools-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-devtools-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/integrate-devtools-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/integrate-devtools-to-ios.html b/content/cn/v-0.10/advanced/integrate-devtools-to-ios.html
index f30182a..89f705f 100644
--- a/content/cn/v-0.10/advanced/integrate-devtools-to-ios.html
+++ b/content/cn/v-0.10/advanced/integrate-devtools-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210 Devtools \u5230 iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
 iOS \u5e94\u7528\u63a5\u5165\u6dfb\u52a0\u4f9d\u8d56\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801
 source https://github.com/C">
@@ -66,7 +23,7 @@ source https://github.com/C">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB1vomVNXXXXXcXaXXXXXXXXXXX-2072-1202.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB116y0NXXXXXXNaXXXXXXXXXXX-1448-668.png">
 <meta property="og:image" content="https://img.alicdn.com/tps/TB16frmNXXXXXa7XXXXXXXXXXXX-2106-1254.png">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210 Devtools \u5230 iOS">
 <meta name="twitter:description" content="\u96c6\u6210 Devtools \u5230 iOSWeex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002
@@ -130,13 +87,29 @@ source https://github.com/C">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -155,7 +128,7 @@ source https://github.com/C">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -173,7 +146,7 @@ source https://github.com/C">
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -372,7 +345,7 @@ source https://github.com/C">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u96c6\u6210-Devtools-\u5230-iOS"><a href="#\u96c6\u6210-Devtools-\u5230-iOS" class="headerlink" title="\u96c6\u6210 Devtools \u5230 iOS"></a>\u96c6\u6210 Devtools \u5230 iOS</h1><p>Weex Devtools \u80fd\u591f\u65b9\u4fbf\u8c03\u8bd5 Weex \u9875\u9762\uff0c\u4f46\u6b64\u529f\u80fd\u79bb\u4e0d\u5f00 Native \u7684\u652f\u6301\u3002\u5982\u4f55\u8ba9\u4f60\u7684 App \u4e5f\u96c6\u6210 Devtools\uff0c\u5728\u672c\u7ae0\u5c06\u4f1a\u8be6\u7ec6\u8bf4\u660e iOS \u7aef\u5982\u4f55\u63a5\u5165 Weex Devtools\u3002</p>
 <h2 id="iOS-\u5e94\u7528\u63a5\u5165"><a href="#iOS-\u5e94\u7528\u63a5\u5165" class="headerlink" title="iOS \u5e94\u7528\u63a5\u5165"></a>iOS \u5e94\u7528\u63a5\u5165</h2><h3 id="\u6dfb\u52a0\u4f9d\u8d56"><a href="#\u6dfb\u52a0\u4f9d\u8d56" class="headerlink" title="\u6dfb\u52a0\u4f9d\u8d56"></a>\u6dfb\u52a0\u4f9d\u8d56</h3><h4 id="\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56"><a href="#\u65b9\u6cd5\u4e00\uff1acocoapods-\u4f9d\u8d56" class="headerlink" title="\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56"></a>\u65b9\u6cd5\u4e00\uff1acocoapods \u4f9d\u8d56</h4><p>\u5728\u5de5\u7a0b\u76ee\u5f55\u7684 podfile \u6dfb\u52a0\u5982\u4e0b\u4ee3\u7801</p>
@@ -465,7 +438,7 @@ source https://github.com/C">
           <a href="/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-devtools-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/integrate-to-android.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/integrate-to-android.html b/content/cn/v-0.10/advanced/integrate-to-android.html
index 77a4b0a..111c840 100644
--- a/content/cn/v-0.10/advanced/integrate-to-android.html
+++ b/content/cn/v-0.10/advanced/integrate-to-android.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210\u5230 Android | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="WEEX SDK \u96c6\u6210\u5230 Android \u5de5\u7a0b\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002
 Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f
 \u6e90\u7801\u4f9d\u8d56\uff1a\u80fd\u591f\u5feb\u901f\u4f7f\u7528WEEX\u6700\u65b0\u529f\u80fd\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u9879\u76ee\u7684\u7279\u6027\u8fdb\u884c\u76f8\u5173\u6539\u8fdb\u3002
@@ -68,7 +25,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
 \u524d\u671f\u51c6\u5907
 \u5df2\u7ecf\u5b89\u88c5\u4e86JDK version&amp;gt;=1.7 \u5e76\u914d\u7f6e\u4e86\u73af\u5883\u53d8\u91cf
 \u5df2\u7ecf\u5b89">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210\u5230 Android">
 <meta name="twitter:description" content="WEEX SDK \u96c6\u6210\u5230 Android \u5de5\u7a0b\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002
@@ -136,13 +93,29 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -161,7 +134,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -179,7 +152,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -378,7 +351,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="WEEX-SDK-\u96c6\u6210\u5230-Android-\u5de5\u7a0b"><a href="#WEEX-SDK-\u96c6\u6210\u5230-Android-\u5de5\u7a0b" class="headerlink" title="WEEX SDK \u96c6\u6210\u5230 Android \u5de5\u7a0b"></a>WEEX SDK \u96c6\u6210\u5230 Android \u5de5\u7a0b</h1><p>\u6ce8\uff1a\u4ee5\u4e0b\u6587\u6863\u90fd\u662f\u5047\u8bbe\u60a8\u5df2\u7ecf\u5177\u5907\u4e00\u5b9a\u7684Android\u5f00\u53d1\u7ecf\u9a8c\u3002</p>
 <h3 id="Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"><a href="#Android-\u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f" class="headerlink" title="Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f"></a>Android \u96c6\u6210\u6709\u4e24\u79cd\u65b9\u5f0f</h3><ol>
@@ -442,7 +415,7 @@ SDK\u4f9d\u8d56\uff1aWEEX \u4f1a\u5728jcenter \u5b9a\u671f\u53d1\u5e03\u7a33\u5b9a\u7248\u672c\u3002jcenter\u6ce8:\u56fd\u5185\u53ef
           <a href="/v-0.10/advanced/integrate-to-android.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-android.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/integrate-to-html5.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/integrate-to-html5.html b/content/cn/v-0.10/advanced/integrate-to-html5.html
index 22864c1..92c449a 100644
--- a/content/cn/v-0.10/advanced/integrate-to-html5.html
+++ b/content/cn/v-0.10/advanced/integrate-to-html5.html
@@ -5,56 +5,13 @@
   
   <title>\u96c6\u6210\u5230 web | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u9879\u76ee\u4e2d\u5f15\u5165 html5 \u7248 Weex\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u79fb\u52a8\u6846\u67b6\uff0c\u80fd\u591f\u771f\u6b63\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u2019\u4e00\u6b21\u5f00\u53d1\uff0c\u5230\u5904\u8fd0\u884c\u2019\u3002\u7531 Weex \u63d0\u4f9b\u7684\u76f8\u5173\u5de5\u5177\u8fdb\u884c\u6253\u5305\u597d\u7684 bundle \u6587\u4ef6\u53ef\u4ee5\u8fd0\u884c\u5728 android, ios \u4ee5\u53ca web\uff08\u8fd9\u91cc\u6211\u4eec\u4e5f\u79f0\u4e4b\u4e3ahtml5\uff09\u5e73\u53f0\u7684\u6e32\u67d3\u5668\u4e0a\u3002Weex HTML5 \u662f\u4e00\u4e2a\u4e13\u7528\u4e8e\u5728\u79fb\u52a8\u7aef webview \u4ee5\u53ca\u5404\u79cd\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0a\u6e32\u67d3 weex \u6587\u4ef6\u7684\u6e32\u67d3\u5668\u3002">
 <meta property="og:type" content="website">
 <meta property="og:title" content="\u96c6\u6210\u5230 web">
 <meta property="og:url" content="https://weex.apache.org/cn/v-0.10/advanced/integrate-to-html5.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u9879\u76ee\u4e2d\u5f15\u5165 html5 \u7248 Weex\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u79fb\u52a8\u6846\u67b6\uff0c\u80fd\u591f\u771f\u6b63\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u2019\u4e00\u6b21\u5f00\u53d1\uff0c\u5230\u5904\u8fd0\u884c\u2019\u3002\u7531 Weex \u63d0\u4f9b\u7684\u76f8\u5173\u5de5\u5177\u8fdb\u884c\u6253\u5305\u597d\u7684 bundle \u6587\u4ef6\u53ef\u4ee5\u8fd0\u884c\u5728 android, ios \u4ee5\u53ca web\uff08\u8fd9\u91cc\u6211\u4eec\u4e5f\u79f0\u4e4b\u4e3ahtml5\uff09\u5e73\u53f0\u7684\u6e32\u67d3\u5668\u4e0a\u3002Weex HTML5 \u662f\u4e00\u4e2a\u4e13\u7528\u4e8e\u5728\u79fb\u52a8\u7aef webview \u4ee5\u53ca\u5404\u79cd\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0a\u6e32\u67d3 weex \u6587\u4ef6\u7684\u6e32\u67d3\u5668\u3002">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210\u5230 web">
 <meta name="twitter:description" content="\u9879\u76ee\u4e2d\u5f15\u5165 html5 \u7248 Weex\u7b80\u4ecbWeex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u79fb\u52a8\u6846\u67b6\uff0c\u80fd\u591f\u771f\u6b63\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u2019\u4e00\u6b21\u5f00\u53d1\uff0c\u5230\u5904\u8fd0\u884c\u2019\u3002\u7531 Weex \u63d0\u4f9b\u7684\u76f8\u5173\u5de5\u5177\u8fdb\u884c\u6253\u5305\u597d\u7684 bundle \u6587\u4ef6\u53ef\u4ee5\u8fd0\u884c\u5728 android, ios \u4ee5\u53ca web\uff08\u8fd9\u91cc\u6211\u4eec\u4e5f\u79f0\u4e4b\u4e3ahtml5\uff09\u5e73\u53f0\u7684\u6e32\u67d3\u5668\u4e0a\u3002Weex HTML5 \u662f\u4e00\u4e2a\u4e13\u7528\u4e8e\u5728\u79fb\u52a8\u7aef webview \u4ee5\u53ca\u5404\u79cd\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0a\u6e32\u67d3 weex \u6587\u4ef6\u7684\u6e32\u67d3\u5668\u3002">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -140,7 +113,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -158,7 +131,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -357,7 +330,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h2 id="\u9879\u76ee\u4e2d\u5f15\u5165-html5-\u7248-Weex"><a href="#\u9879\u76ee\u4e2d\u5f15\u5165-html5-\u7248-Weex" class="headerlink" title="\u9879\u76ee\u4e2d\u5f15\u5165 html5 \u7248 Weex"></a>\u9879\u76ee\u4e2d\u5f15\u5165 html5 \u7248 Weex</h2><h3 id="\u7b80\u4ecb"><a href="#\u7b80\u4ecb" class="headerlink" title="\u7b80\u4ecb"></a>\u7b80\u4ecb</h3><p>Weex \u662f\u4e00\u4e2a\u8de8\u5e73\u53f0\u53ef\u6269\u5c55\u7684\u52a8\u6001\u5316\u79fb\u52a8\u6846\u67b6\uff0c\u80fd\u591f\u771f\u6b63\u5e2e\u52a9\u5f00\u53d1\u8005\u5b9e\u73b0\u2019\u4e00\u6b21\u5f00\u53d1\uff0c\u5230\u5904\u8fd0\u884c\u2019\u3002\u7531 Weex \u63d0\u4f9b\u7684\u76f8\u5173\u5de5\u5177\u8fdb\u884c\u6253\u5305\u597d\u7684 bundle \u6587\u4ef6\u53ef\u4ee5\u8fd0\u884c\u5728 android, ios \u4ee5\u53ca web\uff08\u8fd9\u91cc\u6211\u4eec\u4e5f\u79f0\u4e4b\u4e3ahtml5\uff09\u5e73\u53f0\u7684\u6e32\u67d3\u5668\u4e0a\u3002Weex HTML5 \u662f\u4e00\u4e2a\u4e13\u7528\u4e8e\u5728\u79fb\u52a8\u7aef webview \u4ee5\u53ca\u5404\u79cd\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e0a\u6e32\u67d3 weex \u6587\u4ef6\u7684\u6e32\u67d3\u5668\u3002</p>
 <h3 id="\u83b7\u53d6-Weex-HTML5"><a href="#\u83b7\u53d6-Weex-HTML5" class="headerlink" title="\u83b7\u53d6 Weex HTML5"></a>\u83b7\u53d6 Weex HTML5</h3><p>\u4f7f\u7528 npm \u5b89\u88c5\u6700\u65b0\u7248\u672c\u7684 Weex HTML5\uff0c\u5e76\u5728\u4f60\u7684\u9879\u76ee\u4e2d require \u8fdb\u6765\u3002</p>
@@ -401,7 +374,7 @@
           <a href="/v-0.10/advanced/integrate-to-html5.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-html5.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/advanced/integrate-to-ios.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/advanced/integrate-to-ios.html b/content/cn/v-0.10/advanced/integrate-to-ios.html
index 8a76957..0c69b54 100644
--- a/content/cn/v-0.10/advanced/integrate-to-ios.html
+++ b/content/cn/v-0.10/advanced/integrate-to-ios.html
@@ -5,49 +5,6 @@
   
   <title>\u96c6\u6210\u5230 iOS | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Weex SDK \u96c6\u6210\u5230 iOScocoaPods \u5f15\u5165 Weex iOS SDK\u5230\u5de5\u7a0b\u53ef\u4ee5\u901a\u8fc7\u6e90\u7801\u7f16\u8bd1\u51fa Weex SDK\uff0c\u53ef\u4ee5\u5728\u65b0\u7684 feature \u6216\u8005 bugfix \u5206\u652f\uff0c\u5c1d\u8bd5\u6700\u65b0\u7684 feature
 cocoaPods\u96c6\u6210  \u5047\u8bbe\u4f60\u5df2\u7ecf\u5b8c\u6210\u4e86\u5b89\u88c5iOS \u5f00\u53d1\u73af\u5883 \u548c CocoaPods
 
@@ -62,7 +19,7 @@ cocoaPods\u96c6\u6210  \u5047\u8bbe\u4f60\u5df2\u7ecf\u5b8c\u6210\u4e86\u5b89\u88c5iOS \u5f00\u53d1\u73af\u5883 \u548c CocoaPods
 
 \u4ece github \u4e0a clone \u4e00\u4efd\u4ee3\u7801    
 git clone https://github.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u96c6\u6210\u5230 iOS">
 <meta name="twitter:description" content="Weex SDK \u96c6\u6210\u5230 iOScocoaPods \u5f15\u5165 Weex iOS SDK\u5230\u5de5\u7a0b\u53ef\u4ee5\u901a\u8fc7\u6e90\u7801\u7f16\u8bd1\u51fa Weex SDK\uff0c\u53ef\u4ee5\u5728\u65b0\u7684 feature \u6216\u8005 bugfix \u5206\u652f\uff0c\u5c1d\u8bd5\u6700\u65b0\u7684 feature
@@ -127,13 +84,29 @@ git clone https://github.">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/advanced/integrate-to-ios.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -152,7 +125,7 @@ git clone https://github.">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -170,7 +143,7 @@ git clone https://github.">
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -369,7 +342,7 @@ git clone https://github.">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Weex-SDK-\u96c6\u6210\u5230-iOS"><a href="#Weex-SDK-\u96c6\u6210\u5230-iOS" class="headerlink" title="Weex SDK \u96c6\u6210\u5230 iOS"></a>Weex SDK \u96c6\u6210\u5230 iOS</h1><h3 id="cocoaPods-\u5f15\u5165-Weex-iOS-SDK\u5230\u5de5\u7a0b"><a href="#cocoaPods-\u5f15\u5165-Weex-iOS-SDK\u5230\u5de5\u7a0b" class="headerlink" title="cocoaPods \u5f15\u5165 Weex iOS SDK\u5230\u5de5\u7a0b"></a>cocoaPods \u5f15\u5165 Weex iOS SDK\u5230\u5de5\u7a0b</h3><p>\u53ef\u4ee5\u901a\u8fc7\u6e90\u7801\u7f16\u8bd1\u51fa Weex SDK\uff0c\u53ef\u4ee5\u5728\u65b0\u7684 feature \u6216\u8005 bugfix \u5206\u652f\uff0c\u5c1d\u8bd5\u6700\u65b0\u7684 feature</p>
 <h4 id="cocoaPods\u96c6\u6210"><a href="#cocoaPods\u96c6\u6210" class="headerlink" title="cocoaPods\u96c6\u6210"></a>cocoaPods\u96c6\u6210</h4><p>  \u5047\u8bbe\u4f60\u5df2\u7ecf\u5b8c\u6210\u4e86\u5b89\u88c5<a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppStoreDistributionTutorial/Setup/Setup.html" target="_blank" rel="external">iOS \u5f00\u53d1\u73af\u5883</a> \u548c <a href="https://guides.cocoapods.org/using/getting-started.html" target="_blank" rel="external">CocoaPods</a></p>
@@ -419,7 +392,7 @@ git clone https://github.">
           <a href="/v-0.10/advanced/integrate-to-ios.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/advanced/integrate-to-ios.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/v-0.10/blog/index.html
----------------------------------------------------------------------
diff --git a/content/cn/v-0.10/blog/index.html b/content/cn/v-0.10/blog/index.html
index f9ddcd3..929c947 100644
--- a/content/cn/v-0.10/blog/index.html
+++ b/content/cn/v-0.10/blog/index.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/v-0.10/blog/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/v-0.10/blog/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/v-0.10/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -230,7 +203,7 @@
           <a href="/v-0.10/blog/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/v-0.10/blog/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/v-0.10/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[39/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
* update site


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

Branch: refs/heads/asf-site
Commit: 22906b6faa2cf76fc7adb923f031ea82f2c4675f
Parents: c67ae26
Author: sospartan <so...@apache.org>
Authored: Thu Mar 2 11:53:08 2017 +0800
Committer: sospartan <so...@apache.org>
Committed: Thu Mar 2 11:53:08 2017 +0800

----------------------------------------------------------------------
 content/archives/2016/12/index.html             |  69 ++---
 content/archives/2016/index.html                |  69 ++---
 content/archives/2017/02/index.html             | 252 -------------------
 content/archives/2017/03/index.html             | 225 +++++++++++++++++
 content/archives/2017/index.html                |  69 ++---
 content/archives/index.html                     |  69 ++---
 content/blog/index.html                         |  71 ++----
 content/cn/blog/index.html                      |  69 ++---
 content/cn/download.html                        |  69 ++---
 content/cn/faq.html                             |  71 ++----
 content/cn/guide/dev-with-weexpack.html         |  73 ++----
 content/cn/guide/index.html                     |  83 +++---
 content/cn/guide/integrate-to-your-app.html     |  73 ++----
 content/cn/guide/intro/app-architecture.html    |  73 ++----
 content/cn/guide/intro/devtools.html            |  73 ++----
 content/cn/guide/intro/how-it-works.html        |  73 ++----
 content/cn/guide/intro/index.html               |  73 ++----
 content/cn/guide/intro/page-architecture.html   |  73 ++----
 content/cn/guide/intro/using-vue.html           |  73 ++----
 content/cn/guide/intro/web-dev-experience.html  |  73 ++----
 content/cn/guide/intro/write-once.html          |  73 ++----
 content/cn/hello/index.html                     |  69 ++---
 content/cn/index.html                           | 100 ++++----
 content/cn/playground.html                      |  69 ++---
 content/cn/references/advanced/extend-jsfm.html |  97 +++----
 .../references/advanced/extend-to-android.html  |  97 +++----
 .../cn/references/advanced/extend-to-html5.html |  97 +++----
 .../cn/references/advanced/extend-to-ios.html   |  97 +++----
 content/cn/references/advanced/index.html       |  97 +++----
 .../advanced/integrate-devtool-to-android.html  |  97 +++----
 .../advanced/integrate-devtool-to-ios.html      |  97 +++----
 content/cn/references/android-apis.html         |  97 +++----
 content/cn/references/color-names.html          |  97 +++----
 content/cn/references/common-event.html         |  97 +++----
 content/cn/references/common-style.html         |  97 +++----
 content/cn/references/components/a.html         | 110 +++-----
 content/cn/references/components/cell.html      |  99 +++-----
 content/cn/references/components/div.html       |  99 +++-----
 content/cn/references/components/image.html     |  99 +++-----
 content/cn/references/components/index.html     |  97 +++----
 content/cn/references/components/indicator.html |  99 +++-----
 content/cn/references/components/input.html     |  99 +++-----
 content/cn/references/components/list.html      |  99 +++-----
 content/cn/references/components/loading.html   |  98 +++-----
 content/cn/references/components/refresh.html   |  99 +++-----
 content/cn/references/components/scroller.html  |  99 +++-----
 content/cn/references/components/slider.html    |  99 +++-----
 content/cn/references/components/switch.html    |  99 +++-----
 content/cn/references/components/text.html      |  99 +++-----
 content/cn/references/components/textarea.html  |  99 +++-----
 content/cn/references/components/video.html     |  99 +++-----
 content/cn/references/components/web.html       |  99 +++-----
 content/cn/references/gesture.html              |  97 +++----
 content/cn/references/html5-apis.html           |  97 +++----
 content/cn/references/index.html                |  97 +++----
 content/cn/references/ios-apis.html             |  97 +++----
 content/cn/references/js-service/index.html     |  97 +++----
 content/cn/references/jsfm-apis.html            |  97 +++----
 content/cn/references/migration/difference.html |  97 +++----
 content/cn/references/migration/index.html      |  97 +++----
 .../migration/migration-from-weex.html          |  97 +++----
 content/cn/references/modules/animation.html    |  99 +++-----
 content/cn/references/modules/clipboard.html    |  99 +++-----
 content/cn/references/modules/dom.html          | 101 +++-----
 content/cn/references/modules/globalevent.html  |  97 +++----
 content/cn/references/modules/index.html        | 154 ++++++------
 content/cn/references/modules/modal.html        |  99 +++-----
 content/cn/references/modules/navigator.html    |  99 +++-----
 content/cn/references/modules/picker.html       |  97 +++----
 content/cn/references/modules/storage.html      |  99 +++-----
 content/cn/references/modules/stream.html       |  99 +++-----
 content/cn/references/modules/websocket.html    | 101 +++-----
 content/cn/references/modules/webview.html      |  99 +++-----
 content/cn/references/native-dom-api.html       |  97 +++----
 content/cn/references/path.html                 |  97 +++----
 content/cn/references/platform-difference.html  |  97 +++----
 content/cn/references/text-style.html           |  97 +++----
 content/cn/references/unit.html                 |  97 +++----
 .../cn/references/vue/difference-of-vuex.html   |  97 +++----
 .../cn/references/vue/difference-with-web.html  |  97 +++----
 content/cn/references/vue/index.html            |  97 +++----
 content/cn/references/web-standards.html        |  97 +++----
 content/cn/references/weex-variable.html        |  97 +++----
 .../v-0.10/advanced/create-a-weex-project.html  |  71 ++----
 .../advanced/customize-a-native-component.html  |  71 ++----
 .../v-0.10/advanced/cuszomize-native-apis.html  |  71 ++----
 .../cn/v-0.10/advanced/extend-to-android.html   |  71 ++----
 content/cn/v-0.10/advanced/extend-to-html5.html |  71 ++----
 content/cn/v-0.10/advanced/extend-to-ios.html   |  71 ++----
 .../v-0.10/advanced/how-data-binding-works.html |  71 ++----
 content/cn/v-0.10/advanced/index.html           |  71 ++----
 .../advanced/integrate-devtools-to-android.html |  71 ++----
 .../advanced/integrate-devtools-to-ios.html     |  71 ++----
 .../v-0.10/advanced/integrate-to-android.html   |  71 ++----
 .../cn/v-0.10/advanced/integrate-to-html5.html  |  71 ++----
 .../cn/v-0.10/advanced/integrate-to-ios.html    |  71 ++----
 content/cn/v-0.10/blog/index.html               |  69 ++---
 .../guide/develop-on-your-local-machine.html    |  69 ++---
 .../v-0.10/guide/how-to/debug-with-html5.html   |  69 ++---
 content/cn/v-0.10/guide/how-to/index.html       |  69 ++---
 .../guide/how-to/require-3rd-party-libs.html    |  69 ++---
 .../how-to/transform-code-into-js-bundle.html   |  69 ++---
 content/cn/v-0.10/guide/index.html              |  69 ++---
 content/cn/v-0.10/guide/syntax/comm.html        |  69 ++---
 .../v-0.10/guide/syntax/composed-component.html |  69 ++---
 .../cn/v-0.10/guide/syntax/config-n-data.html   |  69 ++---
 .../cn/v-0.10/guide/syntax/data-binding.html    |  69 ++---
 .../cn/v-0.10/guide/syntax/display-logic.html   |  69 ++---
 content/cn/v-0.10/guide/syntax/events.html      |  69 ++---
 content/cn/v-0.10/guide/syntax/id.html          |  69 ++---
 content/cn/v-0.10/guide/syntax/index.html       |  69 ++---
 .../cn/v-0.10/guide/syntax/render-logic.html    |  69 ++---
 .../cn/v-0.10/guide/syntax/style-n-class.html   |  69 ++---
 content/cn/v-0.10/index.html                    | 100 ++++----
 content/cn/v-0.10/references/api.html           |  85 +++----
 content/cn/v-0.10/references/cheatsheet.html    |  85 +++----
 content/cn/v-0.10/references/color-names.html   |  85 +++----
 content/cn/v-0.10/references/common-attrs.html  |  85 +++----
 content/cn/v-0.10/references/common-event.html  |  85 +++----
 content/cn/v-0.10/references/common-style.html  |  85 +++----
 .../cn/v-0.10/references/component-defs.html    |  85 +++----
 content/cn/v-0.10/references/components/a.html  |  85 +++----
 .../cn/v-0.10/references/components/cell.html   |  85 +++----
 .../cn/v-0.10/references/components/div.html    |  85 +++----
 .../cn/v-0.10/references/components/image.html  |  85 +++----
 .../cn/v-0.10/references/components/index.html  |  85 +++----
 .../v-0.10/references/components/indicator.html |  85 +++----
 .../cn/v-0.10/references/components/input.html  |  85 +++----
 .../cn/v-0.10/references/components/list.html   |  85 +++----
 .../v-0.10/references/components/loading.html   |  85 +++----
 .../v-0.10/references/components/refresh.html   |  85 +++----
 .../v-0.10/references/components/scroller.html  |  85 +++----
 .../cn/v-0.10/references/components/slider.html |  85 +++----
 .../cn/v-0.10/references/components/switch.html |  85 +++----
 .../cn/v-0.10/references/components/text.html   |  85 +++----
 .../v-0.10/references/components/textarea.html  |  85 +++----
 .../cn/v-0.10/references/components/video.html  |  85 +++----
 .../cn/v-0.10/references/components/web.html    |  85 +++----
 content/cn/v-0.10/references/gesture.html       |  85 +++----
 content/cn/v-0.10/references/index.html         |  85 +++----
 .../cn/v-0.10/references/modules/animation.html |  85 +++----
 .../cn/v-0.10/references/modules/clipboard.html |  85 +++----
 content/cn/v-0.10/references/modules/dom.html   |  85 +++----
 .../v-0.10/references/modules/globalevent.html  |  85 +++----
 content/cn/v-0.10/references/modules/index.html |  85 +++----
 content/cn/v-0.10/references/modules/modal.html |  85 +++----
 .../cn/v-0.10/references/modules/navigator.html |  85 +++----
 .../cn/v-0.10/references/modules/storage.html   |  85 +++----
 .../cn/v-0.10/references/modules/stream.html    |  85 +++----
 .../cn/v-0.10/references/modules/webview.html   |  85 +++----
 content/cn/v-0.10/references/replace.html       |  71 ++----
 .../cn/v-0.10/references/special-element.html   |  85 +++----
 content/cn/v-0.10/references/specs/index.html   |  85 +++----
 .../references/specs/js-framework-apis.html     |  85 +++----
 .../references/specs/virtual-dom-apis.html      |  85 +++----
 content/cn/v-0.10/references/text-style.html    |  85 +++----
 content/cn/v-0.10/references/units.html         |  85 +++----
 content/cn/v-0.10/references/wxc/index.html     |  85 +++----
 .../cn/v-0.10/references/wxc/wxc-navpage.html   |  85 +++----
 .../cn/v-0.10/references/wxc/wxc-tabbar.html    |  85 +++----
 content/cn/v-0.10/tools/devtools-android.html   |  71 ++----
 content/cn/v-0.10/tools/devtools-ios.html       |  71 ++----
 content/cn/v-0.10/tools/devtools.html           |  71 ++----
 content/cn/v-0.10/tools/index.html              |  71 ++----
 content/cn/v-0.10/tools/playground.html         |  71 ++----
 content/cn/v-0.10/tools/transformer.html        |  71 ++----
 content/content.json                            |   2 +-
 content/css/index.css                           |   4 +-
 content/css/media-queries.css                   |   2 +
 content/css/partial/footer.css                  |   1 +
 content/css/partial/header.css                  |  26 +-
 content/css/partial/search-form.css             |   5 +-
 content/css/partial/sidebar.css                 |   3 +-
 content/css/style.css                           |  41 ++-
 content/download.html                           |  69 ++---
 content/en/hello-world/index.html               |  71 ++----
 content/examples/a.html                         |  69 ++---
 content/examples/animation.html                 |  69 ++---
 content/examples/clipboard.html                 |  69 ++---
 content/examples/div.html                       |  69 ++---
 content/examples/dom-rect.html                  |  69 ++---
 content/examples/dom-scroll.html                |  69 ++---
 content/examples/image.html                     |  69 ++---
 content/examples/indicator.html                 |  69 ++---
 content/examples/input.html                     |  69 ++---
 content/examples/list.html                      |  69 ++---
 content/examples/modal.html                     |  69 ++---
 content/examples/navigator.html                 |  69 ++---
 content/examples/refresh.html                   |  69 ++---
 content/examples/scroller.html                  |  69 ++---
 content/examples/slider.html                    |  69 ++---
 content/examples/storage.html                   |  69 ++---
 content/examples/stream.html                    |  69 ++---
 content/examples/switch.html                    |  69 ++---
 content/examples/text.html                      |  69 ++---
 content/examples/textarea.html                  |  69 ++---
 content/examples/video.html                     |  69 ++---
 content/examples/web.html                       |  69 ++---
 content/faq.html                                |  71 ++----
 content/guide/dev-with-weexpack.html            |  73 ++----
 content/guide/index.html                        |  82 +++---
 content/guide/integrate-to-your-app.html        |  73 ++----
 content/guide/intro/app-architecture.html       |  73 ++----
 content/guide/intro/devtools.html               |  73 ++----
 content/guide/intro/how-it-works.html           |  73 ++----
 content/guide/intro/index.html                  |  73 ++----
 content/guide/intro/page-architecture.html      |  73 ++----
 content/guide/intro/using-vue.html              |  73 ++----
 content/guide/intro/web-dev-experience.html     |  73 ++----
 content/guide/intro/write-once.html             |  73 ++----
 content/index.html                              |  98 ++++----
 content/js/common.js                            |  37 +--
 content/js/example.js                           |   2 +-
 content/playground.html                         |  69 ++---
 content/references/advanced/extend-jsfm.html    |  89 +++----
 .../references/advanced/extend-to-android.html  |  89 +++----
 .../references/advanced/extend-to-html5.html    |  89 +++----
 content/references/advanced/extend-to-ios.html  |  89 +++----
 content/references/advanced/index.html          |  89 +++----
 .../advanced/integrate-devtool-to-android.html  |  89 +++----
 .../advanced/integrate-devtool-to-ios.html      |  89 +++----
 content/references/android-apis.html            |  89 +++----
 content/references/color-names.html             |  89 +++----
 content/references/common-event.html            |  89 +++----
 content/references/common-style.html            |  89 +++----
 content/references/components/a.html            |  91 +++----
 content/references/components/cell.html         |  89 +++----
 content/references/components/div.html          |  91 +++----
 content/references/components/image.html        |  91 +++----
 content/references/components/index.html        |  89 +++----
 content/references/components/indicator.html    |  91 +++----
 content/references/components/input.html        |  91 +++----
 content/references/components/list.html         |  91 +++----
 content/references/components/refresh.html      |  91 +++----
 content/references/components/scroller.html     |  91 +++----
 content/references/components/slider.html       |  91 +++----
 content/references/components/switch.html       |  91 +++----
 content/references/components/text.html         |  91 +++----
 content/references/components/textarea.html     |  91 +++----
 content/references/components/video.html        |  91 +++----
 content/references/components/web.html          |  91 +++----
 content/references/gesture.html                 |  89 +++----
 content/references/html5-apis.html              |  89 +++----
 content/references/index.html                   |  89 +++----
 content/references/ios-apis.html                |  89 +++----
 content/references/js-service/index.html        |  89 +++----
 content/references/jsfm-apis.html               |  89 +++----
 content/references/migration/difference.html    |  89 +++----
 content/references/migration/index.html         |  89 +++----
 .../migration/migration-from-weex.html          |  89 +++----
 content/references/modules/animation.html       |  91 +++----
 content/references/modules/clipboard.html       |  91 +++----
 content/references/modules/dom.html             |  93 +++----
 content/references/modules/globalevent.html     |  89 +++----
 content/references/modules/index.html           | 147 ++++++-----
 content/references/modules/modal.html           |  91 +++----
 content/references/modules/navigator.html       |  91 +++----
 content/references/modules/picker.html          |  89 +++----
 content/references/modules/storage.html         |  91 +++----
 content/references/modules/stream.html          |  91 +++----
 content/references/modules/websocket.html       |  93 +++----
 content/references/modules/webview.html         |  91 +++----
 content/references/native-dom-api.html          |  89 +++----
 content/references/path.html                    |  89 +++----
 content/references/platfrom-difference.html     |  89 +++----
 content/references/text-style.html              |  89 +++----
 content/references/unit.html                    |  89 +++----
 content/references/vue/difference-of-vuex.html  |  89 +++----
 content/references/vue/difference-with-web.html |  89 +++----
 content/references/vue/index.html               |  89 +++----
 content/references/web-standards.html           |  89 +++----
 content/references/weex-variable.html           |  89 +++----
 content/v-0.10/advanced/extend-to-android.html  |  71 ++----
 content/v-0.10/advanced/extend-to-html5.html    |  71 ++----
 content/v-0.10/advanced/extend-to-ios.html      |  71 ++----
 .../v-0.10/advanced/how-data-binding-works.html |  71 ++----
 content/v-0.10/advanced/index.html              |  71 ++----
 .../v-0.10/advanced/integrate-to-android.html   |  71 ++----
 content/v-0.10/advanced/integrate-to-html5.html |  71 ++----
 content/v-0.10/advanced/integrate-to-ios.html   |  71 ++----
 .../how-to/customize-a-native-component.html    |  69 ++---
 .../guide/how-to/cuszomize-native-apis.html     |  69 ++---
 .../v-0.10/guide/how-to/debug-with-html5.html   |  69 ++---
 content/v-0.10/guide/how-to/index.html          |  69 ++---
 .../guide/how-to/preview-in-playground-app.html |  69 ++---
 .../guide/how-to/require-3rd-party-libs.html    |  69 ++---
 .../how-to/transform-code-into-js-bundle.html   |  69 ++---
 content/v-0.10/guide/index.html                 |  69 ++---
 content/v-0.10/guide/syntax/comm.html           |  69 ++---
 .../v-0.10/guide/syntax/composed-component.html |  69 ++---
 content/v-0.10/guide/syntax/config-n-data.html  |  69 ++---
 content/v-0.10/guide/syntax/data-binding.html   |  69 ++---
 content/v-0.10/guide/syntax/display-logic.html  |  69 ++---
 content/v-0.10/guide/syntax/events.html         |  69 ++---
 content/v-0.10/guide/syntax/id.html             |  69 ++---
 content/v-0.10/guide/syntax/index.html          |  69 ++---
 content/v-0.10/guide/syntax/render-logic.html   |  69 ++---
 content/v-0.10/guide/syntax/style-n-class.html  |  69 ++---
 content/v-0.10/references/api.html              |  77 ++----
 content/v-0.10/references/cheatsheet.html       |  71 ++----
 content/v-0.10/references/color-names.html      |  77 ++----
 content/v-0.10/references/common-attrs.html     |  77 ++----
 content/v-0.10/references/common-event.html     |  77 ++----
 content/v-0.10/references/common-style.html     |  77 ++----
 content/v-0.10/references/component-defs.html   |  77 ++----
 content/v-0.10/references/components/a.html     |  77 ++----
 content/v-0.10/references/components/cell.html  |  77 ++----
 content/v-0.10/references/components/div.html   |  77 ++----
 content/v-0.10/references/components/image.html |  77 ++----
 content/v-0.10/references/components/index.html |  77 ++----
 .../v-0.10/references/components/indicator.html |  77 ++----
 content/v-0.10/references/components/input.html |  77 ++----
 content/v-0.10/references/components/list.html  |  77 ++----
 .../references/components/refresh-loading.html  |  77 ++----
 .../v-0.10/references/components/scroller.html  |  77 ++----
 .../v-0.10/references/components/slider.html    |  77 ++----
 .../v-0.10/references/components/switch.html    |  77 ++----
 content/v-0.10/references/components/text.html  |  77 ++----
 .../v-0.10/references/components/textarea.html  |  77 ++----
 content/v-0.10/references/components/video.html |  77 ++----
 content/v-0.10/references/components/web.html   |  77 ++----
 .../references/components/wxc-navpage.html      |  77 ++----
 .../references/components/wxc-tabbar.html       |  77 ++----
 content/v-0.10/references/gesture.html          |  77 ++----
 content/v-0.10/references/index.html            |  77 ++----
 .../v-0.10/references/modules/animation.html    |  77 ++----
 .../v-0.10/references/modules/clipboard.html    |  77 ++----
 content/v-0.10/references/modules/dom.html      |  77 ++----
 .../v-0.10/references/modules/globalevent.html  |  77 ++----
 content/v-0.10/references/modules/index.html    |  77 ++----
 content/v-0.10/references/modules/modal.html    |  77 ++----
 .../v-0.10/references/modules/navigator.html    |  77 ++----
 content/v-0.10/references/modules/storage.html  |  77 ++----
 content/v-0.10/references/modules/stream.html   |  77 ++----
 content/v-0.10/references/modules/timer.html    |  77 ++----
 content/v-0.10/references/modules/webview.html  |  77 ++----
 content/v-0.10/references/special-element.html  |  77 ++----
 content/v-0.10/references/specs/index.html      |  77 ++----
 .../references/specs/js-bundle-format.html      |  77 ++----
 .../references/specs/js-framework-apis.html     |  77 ++----
 .../references/specs/virtual-dom-apis.html      |  77 ++----
 content/v-0.10/references/text-style.html       |  77 ++----
 content/v-0.10/tools/devtools-android.html      |  71 ++----
 content/v-0.10/tools/devtools-ios.html          |  71 ++----
 content/v-0.10/tools/devtools.html              |  71 ++----
 content/v-0.10/tools/index.html                 |  71 ++----
 content/v-0.10/tools/playground.html            |  71 ++----
 content/v-0.10/tools/transformer.html           |  71 ++----
 348 files changed, 9641 insertions(+), 18524 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/2016/12/index.html
----------------------------------------------------------------------
diff --git a/content/archives/2016/12/index.html b/content/archives/2016/12/index.html
index c9f6419..8b4f74b 100644
--- a/content/archives/2016/12/index.html
+++ b/content/archives/2016/12/index.html
@@ -5,49 +5,6 @@
   
   <title>Archives: 2016/12 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/archives/2016/12/index.html">
@@ -111,13 +68,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/archives/2016/12/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/archives/2016/12/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -136,7 +109,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -154,7 +127,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -203,7 +176,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     
   </div>
@@ -229,7 +202,7 @@
           <a href="/archives/2016/12/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/archives/2016/12/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/archives/2016/12/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/2016/index.html
----------------------------------------------------------------------
diff --git a/content/archives/2016/index.html b/content/archives/2016/index.html
index 54e3eaf..6720566 100644
--- a/content/archives/2016/index.html
+++ b/content/archives/2016/index.html
@@ -5,49 +5,6 @@
   
   <title>Archives: 2016 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/archives/2016/index.html">
@@ -111,13 +68,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/archives/2016/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/archives/2016/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -136,7 +109,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -154,7 +127,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -203,7 +176,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     
   </div>
@@ -229,7 +202,7 @@
           <a href="/archives/2016/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/archives/2016/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/archives/2016/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/2017/02/index.html
----------------------------------------------------------------------
diff --git a/content/archives/2017/02/index.html b/content/archives/2017/02/index.html
deleted file mode 100644
index 22ecd6c..0000000
--- a/content/archives/2017/02/index.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  
-  <title>Archives: 2017/2 | Weex</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
-  <meta property="og:type" content="website">
-<meta property="og:title" content="Weex">
-<meta property="og:url" content="https://weex.apache.org/archives/2017/02/index.html">
-<meta property="og:site_name" content="Weex">
-<meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Weex">
-  
-    <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
-  
-  
-    <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
-  
-  
-    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
-  
-  <link rel="stylesheet" href="/css/style.css">
-  <link rel="stylesheet" href="/css/swiper.min.css">
-</head>
-
-<body id="archives/2017/02/index" class="lang-en">
-  
-  <script>
-    window.PAGE_TYPE = "archives/2017/02/index";
-    window.ROOT = "/"
-  </script>
-  <header id="header">
-  <div class="navbar">
-    <a id="logo" href="/">
-      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
-    </a>
-    <div class="main-nav">
-      <ul class="links">
-        <li><a href="/guide">Guide</a></li>
-        <li><a href="/references">References</a></li>
-        <li><a href="/faq.html">FAQ</a></li>
-        <li class="dropdown">
-            <a href="javascript:;">Download</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>
-              </li>
-              <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
-              </li>
-              <li>
-                <a href="http://dotwe.org" target="_blank">Snippets</a>
-              </li>
-              <li>
-                <a href="https://market.weex-project.io/" target="_blank">Market</a>
-              </li>
-            </ul>
-        </li>
-      </ul>
-      <ul class="info">
-        <li><a href="https://github.com/alibaba/weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
-      </ul>
-      <ul class="tools">
-        <li>
-          <div class="search">
-  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
-    <span class="iconfont icon-search"></span>
-  </form>
-  <div class="results-panel">
-  </div>
-</div>
-        </li>
-        <!--<li></li>-->
-      </ul>
-    </div>
-  </div>
-  <div id="mobile-nav">
-    <a id="logo" href="/">
-      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
-    </a>
-    <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
-  </div>
-</header>
-  <div id="sidebar" class="">
-  <div class="sidebar-menu">
-    
-      <ul class="main-nav">
-        <li>
-          <div class="search">
-  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
-    <span class="iconfont icon-search"></span>
-  </form>
-  <div class="results-panel">
-  </div>
-</div>
-        </li>
-        <li>
-          <a class="" href="/guide">
-            Guide
-          </a>
-        </li>
-        <li>
-          <a class="" href="/references">
-            References
-          </a>
-        </li>
-        <li>
-          <a href="/faq">
-            FAQ
-          </a>
-        </li>
-        <li>
-            <p>Download</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>
-              </li>
-              <li>
-                <a href="https://www.npmjs.com/package/weexpack" target="_blank">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>
-            </ul>
-        </li>
-        <li>
-          <a href="https://github.com/alibaba/weex" target="_blank">
-            GitHub
-          </a>
-        </li>
-      </ul>
-    
-    <a class="btn-close-sidebar iconfont  icon-close"></a>
-  </div>
-</div>
-  <div class="blog-wrapper">
-  <div class="archives">
-  
-    
-      <article class="blog-article blog-type-post">
-  <div class="blog-article-inner">
-    <header class="article-header">
-  
-    
-      <h1 itemprop="name">
-        <a class="article-title" href="/en/hello-world/">Hello World</a>
-      </h1>
-    
-  
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
-</header>
-    
-  </div>
-</article>
-    
-  
-  
-</div>
-</div>
-  
-  <footer id="footer">
-  <div class="row clearfix">
-    <div class="ali-logo">
-      <img src="//gw.alicdn.com/tps/TB1Ef93PXXXXXaXXpXXXXXXXXXX-252-126.png" alt="Alibaba">
-    </div>
-    <div class="dropdown select-lang">
-      <a href="javascript:;" class="dropdown-toggle">
-        Language
-        <span class="caret"></span>
-      </a>
-      <ul class="dropdown-menu pick-lang">
-        <li>
-          <a href="/archives/2017/02/index.html" data-lang="en">English</a>
-        </li>
-        <li>
-          <a href="/cn/archives/2017/02/index.html" data-lang="cn">\u4e2d\u6587</a>
-        </li>
-      </ul>
-    </div>
-  </div>
-  <div class="row">
-    <p><span>Released under </span><a href="">Apache License 2.0</a></p>
-  </div>
-  <div class="row clearfix">
-    <div class="cell"><span>Copyright(c) 2016 </span><a href="https://www.alibaba.com">Alibaba</a></div>
-    <div class="cell"><span>Designed by </span><a href="">\u963f\u91cc\u4e91UED AX</a></div>
-  </div>
-</footer>
-  <div style="display: none;">
-  <script src="//s95.cnzz.com/z_stat.php?id=1261102667&amp;web_id=1261102667" language="JavaScript"></script>
-</div>
-
-  <script src="/js/reqwest.js"></script>
-  <script src="/js/common.js"></script>
-</body>
-</html>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/2017/03/index.html
----------------------------------------------------------------------
diff --git a/content/archives/2017/03/index.html b/content/archives/2017/03/index.html
new file mode 100644
index 0000000..c1d158d
--- /dev/null
+++ b/content/archives/2017/03/index.html
@@ -0,0 +1,225 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  
+  <title>Archives: 2017/3 | Weex</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta property="og:type" content="website">
+<meta property="og:title" content="Weex">
+<meta property="og:url" content="https://weex.apache.org/archives/2017/03/index.html">
+<meta property="og:site_name" content="Weex">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="Weex">
+  
+    <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
+  
+  
+    <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
+  
+  
+    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
+  
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/swiper.min.css">
+</head>
+
+<body id="archives/2017/03/index" class="lang-en">
+  
+  <script>
+    window.PAGE_TYPE = "archives/2017/03/index";
+    window.ROOT = "/"
+  </script>
+  <header id="header">
+  <div class="navbar">
+    <a id="logo" href="/">
+      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+    </a>
+    <div class="main-nav">
+      <ul class="links">
+        <li><a href="/guide">Guide</a></li>
+        <li><a href="/references">References</a></li>
+        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+            <a href="javascript:;">Download</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>
+              </li>
+              <li>
+                <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+              </li>
+              <li>
+                <a href="http://dotwe.org" target="_blank">Snippets</a>
+              </li>
+              <li>
+                <a href="https://market.weex-project.io/" target="_blank">Market</a>
+              </li>
+            </ul>
+        </li>
+      </ul>
+      <ul class="info">
+        <li><a href="https://github.com/alibaba/weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
+      </ul>
+      <ul class="tools">
+        <li>
+          <div class="search">
+  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <span class="iconfont icon-search"></span>
+  </form>
+  <div class="results-panel">
+  </div>
+</div>
+        </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/archives/2017/03/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/archives/2017/03/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <!--<li></li>-->
+      </ul>
+    </div>
+  </div>
+  <div id="mobile-nav">
+    <a id="logo" href="/">
+      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+    </a>
+    <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
+  </div>
+</header>
+  <div id="sidebar" class="">
+  <div class="sidebar-menu">
+    
+      <ul class="main-nav">
+        <li>
+          <div class="search">
+  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <span class="iconfont icon-search"></span>
+  </form>
+  <div class="results-panel">
+  </div>
+</div>
+        </li>
+        <li>
+          <a class="" href="/guide">
+            Guide
+          </a>
+        </li>
+        <li>
+          <a class="" href="/references">
+            References
+          </a>
+        </li>
+        <li>
+          <a href="/faq.html">
+            FAQ
+          </a>
+        </li>
+        <li>
+            <p>Download</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>
+              </li>
+              <li>
+                <a href="https://www.npmjs.com/package/weexpack" target="_blank">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>
+            </ul>
+        </li>
+        <li>
+          <a href="https://github.com/alibaba/weex" target="_blank">
+            GitHub
+          </a>
+        </li>
+      </ul>
+    
+    <a class="btn-close-sidebar iconfont  icon-close"></a>
+  </div>
+</div>
+  <div class="blog-wrapper">
+  <div class="archives">
+  
+    
+      <article class="blog-article blog-type-post">
+  <div class="blog-article-inner">
+    <header class="article-header">
+  
+    
+      <h1 itemprop="name">
+        <a class="article-title" href="/en/hello-world/">Hello World</a>
+      </h1>
+    
+  
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
+</header>
+    
+  </div>
+</article>
+    
+  
+  
+</div>
+</div>
+  
+  <footer id="footer">
+  <div class="row clearfix">
+    <div class="ali-logo">
+      <img src="//gw.alicdn.com/tps/TB1Ef93PXXXXXaXXpXXXXXXXXXX-252-126.png" alt="Alibaba">
+    </div>
+    <div class="dropdown select-lang">
+      <a href="javascript:;" class="dropdown-toggle">
+        Language
+        <span class="caret"></span>
+      </a>
+      <ul class="dropdown-menu pick-lang">
+        <li>
+          <a href="/archives/2017/03/index.html" data-lang="en">English</a>
+        </li>
+        <li>
+          <a href="/cn/archives/2017/03/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="row">
+    <p><span>Released under </span><a href="">Apache License 2.0</a></p>
+  </div>
+  <div class="row clearfix">
+    <div class="cell"><span>Copyright(c) 2016 </span><a href="https://www.alibaba.com">Alibaba</a></div>
+    <div class="cell"><span>Designed by </span><a href="">\u963f\u91cc\u4e91UED AX</a></div>
+  </div>
+</footer>
+  <div style="display: none;">
+  <script src="//s95.cnzz.com/z_stat.php?id=1261102667&amp;web_id=1261102667" language="JavaScript"></script>
+</div>
+
+  <script src="/js/reqwest.js"></script>
+  <script src="/js/common.js"></script>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/2017/index.html
----------------------------------------------------------------------
diff --git a/content/archives/2017/index.html b/content/archives/2017/index.html
index 41b0532..9c37132 100644
--- a/content/archives/2017/index.html
+++ b/content/archives/2017/index.html
@@ -5,49 +5,6 @@
   
   <title>Archives: 2017 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/archives/2017/index.html">
@@ -111,13 +68,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/archives/2017/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/archives/2017/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -136,7 +109,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -154,7 +127,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -203,7 +176,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     
   </div>
@@ -229,7 +202,7 @@
           <a href="/archives/2017/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/archives/2017/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/archives/2017/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/archives/index.html
----------------------------------------------------------------------
diff --git a/content/archives/index.html b/content/archives/index.html
index 154737e..07ae646 100644
--- a/content/archives/index.html
+++ b/content/archives/index.html
@@ -5,49 +5,6 @@
   
   <title>Archives | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/archives/index.html">
@@ -111,13 +68,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/archives/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/archives/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -136,7 +109,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -154,7 +127,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -203,7 +176,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     
   </div>
@@ -229,7 +202,7 @@
           <a href="/archives/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/archives/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/archives/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/blog/index.html
----------------------------------------------------------------------
diff --git a/content/blog/index.html b/content/blog/index.html
index 21b6500..e606ce9 100644
--- a/content/blog/index.html
+++ b/content/blog/index.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/blog/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/blog/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/faq">
+          <a href="/faq.html">
             FAQ
           </a>
         </li>
@@ -204,7 +177,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     
   </div>
@@ -230,7 +203,7 @@
           <a href="/blog/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/blog/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/blog/index.html
----------------------------------------------------------------------
diff --git a/content/cn/blog/index.html b/content/cn/blog/index.html
index d97c177..0b65f60 100644
--- a/content/cn/blog/index.html
+++ b/content/cn/blog/index.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/blog/index.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/blog/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -230,7 +203,7 @@
           <a href="/blog/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/blog/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/blog/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/download.html
----------------------------------------------------------------------
diff --git a/content/cn/download.html b/content/cn/download.html
index c5e6115..14dac1f 100644
--- a/content/cn/download.html
+++ b/content/cn/download.html
@@ -5,54 +5,11 @@
   
   <title>Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta property="og:type" content="website">
 <meta property="og:title" content="Weex">
 <meta property="og:url" content="https://weex.apache.org/cn/download.html">
 <meta property="og:site_name" content="Weex">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Weex">
   
@@ -112,13 +69,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/download.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/download.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -137,7 +110,7 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -155,7 +128,7 @@
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -226,7 +199,7 @@
           <a href="/download.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/download.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/download.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/faq.html
----------------------------------------------------------------------
diff --git a/content/cn/faq.html b/content/cn/faq.html
index 97df78f..aac1bc0 100644
--- a/content/cn/faq.html
+++ b/content/cn/faq.html
@@ -5,49 +5,6 @@
   
   <title>\u5e38\u89c1\u95ee\u9898 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u5e38\u89c1\u95ee\u9898\u89e3\u7b54\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f\u4f60\u53ef\u4ee5\u901a\u8fc7\u6587\u6863\u5de6\u4fa7\u76ee\u5f55\u6700\u540e\u4e00\u9879 \u201c\u65e7\u6587\u6863\u201d \u8fdb\u5165\u5bf9\u4e8e\u7684\u5386\u53f2\u6587\u6863\u9875\u9762\u3002\u4e5f\u53ef\u4ee5\u76f4\u63a5\u8bbf\u95ee\u4ee5\u4e0b\u94fe\u63a5\u8bbf\u95ee\uff1a
 
 Guide
@@ -70,7 +27,7 @@ Guide
 
 Windows \u6307\u4ee4\u9519\u8bef\u8bf7\u5148\u5b89\u88c5 Git for Windows\uff0c\u5728 For Windows \u4e2d\u67e5\u770b\u66f4\u591a\u4fe1\u606f\u3002
 Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00\u4e9b\u9519">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u5e38\u89c1\u95ee\u9898">
 <meta name="twitter:description" content="\u5e38\u89c1\u95ee\u9898\u89e3\u7b54\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f\u4f60\u53ef\u4ee5\u901a\u8fc7\u6587\u6863\u5de6\u4fa7\u76ee\u5f55\u6700\u540e\u4e00\u9879 \u201c\u65e7\u6587\u6863\u201d \u8fdb\u5165\u5bf9\u4e8e\u7684\u5386\u53f2\u6587\u6863\u9875\u9762\u3002\u4e5f\u53ef\u4ee5\u76f4\u63a5\u8bbf\u95ee\u4ee5\u4e0b\u94fe\u63a5\u8bbf\u95ee\uff1a
@@ -139,13 +96,29 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/faq.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/faq.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -164,7 +137,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -182,7 +155,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
           </a>
         </li>
         <li>
-          <a href="/cn/faq">
+          <a href="/cn/faq.html">
             FAQ
           </a>
         </li>
@@ -230,7 +203,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u5e38\u89c1\u95ee\u9898\u89e3\u7b54"><a href="#\u5e38\u89c1\u95ee\u9898\u89e3\u7b54" class="headerlink" title="\u5e38\u89c1\u95ee\u9898\u89e3\u7b54"></a>\u5e38\u89c1\u95ee\u9898\u89e3\u7b54</h1><h2 id="\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f"><a href="#\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f" class="headerlink" title="\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f"></a>\u5982\u4f55\u67e5\u9605\u65e7\u6587\u6863\uff1f</h2><p>\u4f60\u53ef\u4ee5\u901a\u8fc7\u6587\u6863\u5de6\u4fa7\u76ee\u5f55\u6700\u540e\u4e00\u9879 \u201c\u65e7\u6587\u6863\u201d \u8fdb\u5165\u5bf9\u4e8e\u7684\u5386\u53f2\u6587\u6863\u9875\u9762\u3002\u4e5f\u53ef\u4ee5\u76f4\u63a5\u8bbf\u95ee\u4ee5\u4e0b\u94fe\u63a5\u8bbf\u95ee\uff1a</p>
 <ul>
@@ -308,7 +281,7 @@ Android Studio \u4e2d Gradle \u9519\u8bef\u4e0b\u8f7d license-gradle-plugin.jar \u53ef\u80fd\u5f15\u53d1\u4e00
           <a href="/faq.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/faq.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/faq.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/cn/guide/dev-with-weexpack.html
----------------------------------------------------------------------
diff --git a/content/cn/guide/dev-with-weexpack.html b/content/cn/guide/dev-with-weexpack.html
index cbb1c12..7f04ec3 100644
--- a/content/cn/guide/dev-with-weexpack.html
+++ b/content/cn/guide/dev-with-weexpack.html
@@ -5,56 +5,13 @@
   
   <title>\u6784\u5efa\u5168\u65b0\u5e94\u7528 | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="\u6784\u5efa\u5168\u65b0\u5e94\u7528Work in process.">
 <meta property="og:type" content="website">
 <meta property="og:title" content="\u6784\u5efa\u5168\u65b0\u5e94\u7528">
 <meta property="og:url" content="https://weex.apache.org/cn/guide/dev-with-weexpack.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="\u6784\u5efa\u5168\u65b0\u5e94\u7528Work in process.">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="\u6784\u5efa\u5168\u65b0\u5e94\u7528">
 <meta name="twitter:description" content="\u6784\u5efa\u5168\u65b0\u5e94\u7528Work in process.">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/dev-with-weexpack.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/dev-with-weexpack.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -269,7 +242,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -405,7 +378,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u6587\u6863</a></h3>
+        <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</a></h3>
       </li>
     
   </ul>
@@ -423,7 +396,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="\u6784\u5efa\u5168\u65b0\u5e94\u7528"><a href="#\u6784\u5efa\u5168\u65b0\u5e94\u7528" class="headerlink" title="\u6784\u5efa\u5168\u65b0\u5e94\u7528"></a>\u6784\u5efa\u5168\u65b0\u5e94\u7528</h1><p>Work in process.</p>
 
@@ -447,7 +420,7 @@
           <a href="/guide/dev-with-weexpack.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/guide/dev-with-weexpack.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/guide/dev-with-weexpack.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>


[12/39] incubator-weex-site git commit: * update site

Posted by so...@apache.org.
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/text.html
----------------------------------------------------------------------
diff --git a/content/references/components/text.html b/content/references/components/text.html
index 13dfb22..a86cab3 100644
--- a/content/references/components/text.html
+++ b/content/references/components/text.html
@@ -5,56 +5,13 @@
   
   <title>&lt;text&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
 <meta property="og:type" content="website">
 <meta property="og:title" content="<text>">
 <meta property="og:url" content="https://weex.apache.org/references/components/text.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<text>">
 <meta name="twitter:description" content="&amp;lt;text&amp;gt;The weex builtin component \u2018text\u2019 is used to render text with specified style rule.  tag can contain text value only. You can use variable interpolation in the text content with the mark {">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/text.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-text-gt"><a href="#lt-text-gt" class="headerlink" title="&lt;text&gt;"></a>&lt;text&gt;</h1><p>The weex builtin component \u2018text\u2019 is used to render text with specified style rule. <text> tag can contain text value only. You can use variable interpolation in the text content with the mark <code>{{}}</code>.</text></p>
 <h2 id="Child-Components"><a href="#Child-Components" class="headerlink" title="Child Components"></a>Child Components</h2><p>This component supports no child components.</p>
@@ -1362,7 +1335,7 @@
 <li>support \u2018appear\u2019 / \u2018disappear\u2019 event. </li>
 </ul>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>&gt;</span>Weex \u662f\u4e00\u5957\u7b80\u5355\u6613\u7528\u7684\u8de8\u5e73\u53f0\u5f00\u53d1\u65b9\u6848\uff0c\u80fd\u4ee5 Web \u7684\u5f00\u53d1\u4f53\u9a8c\u6784\u5efa\u9ad8\u6027\u80fd\u3001\u53ef\u6269\u5c55\u7684\u539f\u751f\u5e94\u7528\u3002Vue \u662f\u4e00\u4e2a\u8f7b\u91cf\u5e76\u4e14\u529f\u80fd\u5f3a\u5927\u7684\u6e10\u8fdb\u5f0f\u524d\u7aef\u6846\u67b6\u3002<span class="tag">&lt;/<span clas
 s="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"panel"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"text"</span> <span class="attr">lines</span>=<span class="string">"3"</span>&gt;</span>Weex is an cross-platform development solution that builds high-performance, scalable native applications with a Web development experience. Vue is a lightweight and powerful progressive front-end framework. <span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag"
 >&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.wrapper</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: column;</div><div class="line">    <span class="attribute">justify-content</span>: center;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.panel</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div cla
 ss="line">    <span class="attribute">border-color</span>: <span class="number">#BBB</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-right</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.text</span> &#123;</div><div class="line">    <span class="attribute">lines</span>: <span class="number">3</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">font-size</span>
 : <span class="number">32px</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/text.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154e20171d350a081fba7878c53cf7d2" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1384,7 +1357,7 @@
           <a href="/references/components/text.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/text.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/text.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/textarea.html
----------------------------------------------------------------------
diff --git a/content/references/components/textarea.html b/content/references/components/textarea.html
index 3956ef6..9662479 100644
--- a/content/references/components/textarea.html
+++ b/content/references/components/textarea.html
@@ -5,49 +5,6 @@
   
   <title>&lt;textarea&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;textarea&amp;gt;v0.8+
 SummaryThe weex builtin component textarea is used to create interactive controls to accept data from users. It can be a multi-line input.
 Notes: &amp;lt;textarea&amp;gt; support all eve">
@@ -58,7 +15,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
 <meta property="og:description" content="&amp;lt;textarea&amp;gt;v0.8+
 SummaryThe weex builtin component textarea is used to create interactive controls to accept data from users. It can be a multi-line input.
 Notes: &amp;lt;textarea&amp;gt; support all eve">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<textarea>">
 <meta name="twitter:description" content="&amp;lt;textarea&amp;gt;v0.8+
@@ -121,13 +78,29 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/textarea.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -144,7 +117,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -583,11 +556,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -703,12 +676,12 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -726,7 +699,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1170,11 +1143,11 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1290,12 +1263,12 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1313,7 +1286,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1331,7 +1304,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-textarea-gt"><a href="#lt-textarea-gt" class="headerlink" title="&lt;textarea&gt;"></a>&lt;textarea&gt;</h1><p><span class="weex-version">v0.8+</span></p>
 <h3 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h3><p>The weex builtin component <code>textarea</code> is used to create interactive controls to accept data from users. It can be a multi-line <a href="./input.html">input</a>.</p>
@@ -1389,7 +1362,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
 </li>
 </ul>
 <h3 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h3><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">textarea</span> <span class="attr">class</span>=<span class="string">"textarea"</span> @<span class="attr">input</span>=<span class="string">"oninput"</span> @<span class="attr">change</span>=<span class="string">"onchange"</span> @<span class="attr">focus</span>=<span class="string">"onfocus"</span> @<span class="attr">blur</span>=<span class="string">"onblur"</span>&gt;</span><span class="tag">&lt;/<span class="name">textarea</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</s
 pan></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      oninput (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'oninput:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`oninput: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class=
 "attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onchange (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onchange:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`onchange: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onfocus (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onfocus:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <
 span class="string">`onfocus: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;,</div><div class="line">      onblur (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'onblur:'</span>, event.value)</div><div class="line">        modal.toast(&#123;</div><div class="line">          <span class="attr">message</span>: <span class="string">`input blur: <span class="subst">$&#123;event.value&#125;</span>`</span>,</div><div class="line">          <span class="attr">duration</span>: <span class="number">0.8</span></div><div class="line">        &#125;)</div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><di
 v class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.textarea</span> &#123;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">650px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">50px</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-left</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">padding-
 right</span>: <span class="number">20px</span>;</div><div class="line">    <span class="attribute">color</span>: <span class="number">#666666</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/textarea.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/a1877866e8b91ffa1e6ea9bc66c200fa" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1411,7 +1384,7 @@ Notes: &amp;lt;textarea&amp;gt; support all eve">
           <a href="/references/components/textarea.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/textarea.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/textarea.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/video.html
----------------------------------------------------------------------
diff --git a/content/references/components/video.html b/content/references/components/video.html
index eff8b35..a0ac144 100644
--- a/content/references/components/video.html
+++ b/content/references/components/video.html
@@ -5,49 +5,6 @@
   
   <title>&lt;video&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;video&amp;gt;v0.6.1+
 The video component can be used to embed video content in a weex page.
 Child Components
@@ -66,7 +23,7 @@ text is the only valid type of child component.
 
 Attributes
 src: &amp;lt;string&amp;gt; The URL of">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<video>">
 <meta name="twitter:description" content="&amp;lt;video&amp;gt;v0.6.1+
@@ -133,13 +90,29 @@ src: &amp;lt;string&amp;gt; The URL of">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/video.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -156,7 +129,7 @@ src: &amp;lt;string&amp;gt; The URL of">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -595,11 +568,11 @@ src: &amp;lt;string&amp;gt; The URL of">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -715,12 +688,12 @@ src: &amp;lt;string&amp;gt; The URL of">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -738,7 +711,7 @@ src: &amp;lt;string&amp;gt; The URL of">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1182,11 +1155,11 @@ src: &amp;lt;string&amp;gt; The URL of">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1302,12 +1275,12 @@ src: &amp;lt;string&amp;gt; The URL of">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1325,7 +1298,7 @@ src: &amp;lt;string&amp;gt; The URL of">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1343,7 +1316,7 @@ src: &amp;lt;string&amp;gt; The URL of">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-video-gt"><a href="#lt-video-gt" class="headerlink" title="&lt;video&gt;"></a>&lt;video&gt;</h1><p><span class="weex-version">v0.6.1+</span></p>
 <p>The video component can be used to embed video content in a weex page.</p>
@@ -1369,7 +1342,7 @@ src: &amp;lt;string&amp;gt; The URL of">
 <li>onfail: triggered when playback state is Failed.</li>
 </ul>
 <h2 id="example"><a href="#example" class="headerlink" title="example"></a>example</h2><figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">video</span> <span class="attr">class</span>=<span class="string">"video"</span> <span class="attr">:src</span>=<span class="string">"src"</span> <span class="attr">autoplay</span> <span class="attr">controls</span></span></div><div class="line">      @<span class="attr">start</span>=<span class="string">"onstart"</span> @<span class="attr">pause</span>=<span class="string">"onpause"</span> @<span class="attr">finish</span>=<span class="string">"onfinish"</span> @<span class="attr">fail</span>=<span class="string">"onfail"</span>&gt;<span class="tag">&lt;/<span class="name">video</span>&gt;</span>
 </div><div class="line">    <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"info"</span>&gt;</span>state: &#123;&#123;state&#125;&#125;<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.video</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">630px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">350px</span>;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">60px</span>;</div><d
 iv class="line">    <span class="attribute">margin-left</span>: <span class="number">60px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.info</span> &#123;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">40px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">
         <span class="attr">state</span>: <span class="string">'----'</span>,</div><div class="line">        <span class="attr">src</span>:<span class="string">'http://flv2.bn.netease.com/videolib3/1611/01/XGqSL5981/SD/XGqSL5981-mobile.mp4'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>:&#123;</div><div class="line">      onstart (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onstart'</span></div><div class="line">      &#125;,</div><div class="line">      onpause (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onpause'</span></div><div class="line">      &#125;,</div><div class="line">      onfinish (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onfinish'</span></div><div class="line">      &#125;,</div><div
  class="line">      onfail (event) &#123;</div><div class="line">        <span class="keyword">this</span>.state = <span class="string">'onfinish'</span></div><div class="line">      &#125;</div><div class="line">    &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/video.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/01d3d27073a471bb234b1a76e130d197" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1391,7 +1364,7 @@ src: &amp;lt;string&amp;gt; The URL of">
           <a href="/references/components/video.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/video.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/video.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/components/web.html
----------------------------------------------------------------------
diff --git a/content/references/components/web.html b/content/references/components/web.html
index 529f9e5..876d414 100644
--- a/content/references/components/web.html
+++ b/content/references/components/web.html
@@ -5,49 +5,6 @@
   
   <title>&lt;web&gt; | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="&amp;lt;web&amp;gt;v0.5+
 Use web component to display any web content in the weex page. The srcattribute is used to specify a special source. You also can use webview module to control some web operation such">
 <meta property="og:type" content="website">
@@ -56,7 +13,7 @@ Use web component to display any web content in the weex page. The srcattribute
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="&amp;lt;web&amp;gt;v0.5+
 Use web component to display any web content in the weex page. The srcattribute is used to specify a special source. You also can use webview module to control some web operation such">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-02T03:29:33.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="<web>">
 <meta name="twitter:description" content="&amp;lt;web&amp;gt;v0.5+
@@ -118,13 +75,29 @@ Use web component to display any web content in the weex page. The srcattribute
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/components/web.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -141,7 +114,7 @@ Use web component to display any web content in the weex page. The srcattribute
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -580,11 +553,11 @@ Use web component to display any web content in the weex page. The srcattribute
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -700,12 +673,12 @@ Use web component to display any web content in the weex page. The srcattribute
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -723,7 +696,7 @@ Use web component to display any web content in the weex page. The srcattribute
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1167,11 +1140,11 @@ Use web component to display any web content in the weex page. The srcattribute
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1287,12 +1260,12 @@ Use web component to display any web content in the weex page. The srcattribute
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1310,7 +1283,7 @@ Use web component to display any web content in the weex page. The srcattribute
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1328,7 +1301,7 @@ Use web component to display any web content in the weex page. The srcattribute
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-02T03:29:33.000Z">Updated time: 02/03/2017</time>
 </header>
     <h1 id="lt-web-gt"><a href="#lt-web-gt" class="headerlink" title="&lt;web&gt;"></a>&lt;web&gt;</h1><p><span class="weex-version">v0.5+</span></p>
 <p>Use web component to display any web content in the weex page. The <code>src</code>attribute is used to specify a special source. You also can use <code>webview</code> module to control some web operation such as goBack,goForward and reload. see <a href="../modules/webview.html">webview module</a>.For example,You can use web component and webview module to assemble a browser.</p>
@@ -1344,7 +1317,7 @@ Use web component to display any web content in the weex page. The srcattribute
 <h3 id="Notes"><a href="#Notes" class="headerlink" title="Notes"></a>Notes</h3><p>not support <code>click</code> event. </p>
 <h2 id="Example"><a href="#Example" class="headerlink" title="Example"></a>Example</h2><p>We use a simple Browser Demo to show how to use web component and webview module. Check out <a href="../modules/webview.html">webview module</a>.</p>
 <figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag">&lt;<span class="name">template</span>&gt;</span></div><div class="line">  <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">input</span> <span class="attr">class</span>=<span class="string">"input"</span> <span class="attr">ref</span>=<span class="string">"input"</span> <span class="attr">type</span>=<span class="string">"url"</span> <span class="attr">autofocus</span>=<span class="string">"false"</span> <span class="attr">value</span>=<span class="string">"https://m.taobao.com"</span>&gt;</span><span class="tag">&lt;/<span class="name">input</span>&gt;</span></div><div class="l
 ine">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">div</span> <span class="attr">class</span>=<span class="string">"group"</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"loadURL"</span>&gt;</span>LoadURL<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">      <span class="tag">&lt;<span class="name">text</span> <span class="attr">class</span>=<span class="string">"button"</span> @<span class="attr">click</span>=<span class="string">"reload"</span>&gt;</span>reload<span class="tag">&lt;/<span class="name">text</span>&gt;</span></div><div class="line">    <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line">    <span class="tag">&lt;<span class="name">w
 eb</span> <span class="attr">ref</span>=<span class="string">"webview"</span> <span class="attr">:src</span>=<span class="string">"url"</span> <span class="attr">class</span>=<span class="string">"webview"</span> @<span class="attr">pagestart</span>=<span class="string">"start"</span> @<span class="attr">pagefinish</span>=<span class="string">"finish"</span> @<span class="attr">error</span>=<span class="string">"error"</span>&gt;</span><span class="tag">&lt;/<span class="name">web</span>&gt;</span></div><div class="line">  <span class="tag">&lt;/<span class="name">div</span>&gt;</span></div><div class="line"><span class="tag">&lt;/<span class="name">template</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">script</span>&gt;</span><span class="javascript"></span></div><div class="line">  <span class="keyword">const</span> webview = weex.requireModule(<span class="string">'webview'</span>)</div><div class="line">  <span class="k
 eyword">const</span> modal = weex.requireModule(<span class="string">'modal'</span>)</div><div class="line"></div><div class="line">  <span class="keyword">export</span> <span class="keyword">default</span> &#123;</div><div class="line">    data () &#123;</div><div class="line">      <span class="keyword">return</span> &#123;</div><div class="line">        <span class="attr">url</span> : <span class="string">'https://m.alibaba.com'</span></div><div class="line">      &#125;</div><div class="line">    &#125;,</div><div class="line">    <span class="attr">methods</span>: &#123;</div><div class="line">      loadURL (event) &#123;</div><div class="line">        <span class="keyword">this</span>.url = <span class="keyword">this</span>.$refs.input.value</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'load url:'</span> + <span class="keyword">this</span>.url &#125;)</div><div class="line">        setTimeout(<span class="function"><
 span class="params">()</span> =&gt;</span> &#123;</div><div class="line">          <span class="built_in">console</span>.log(<span class="string">'will go back.'</span>)</div><div class="line">          modal.toast(&#123; <span class="attr">message</span>: <span class="string">'will go back'</span> &#125;)</div><div class="line">          webview.goBack(<span class="keyword">this</span>.$refs.webview)</div><div class="line">        &#125;, <span class="number">10000</span>)</div><div class="line">      &#125;,</div><div class="line">      reload (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'will reload webview'</span>)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'reload'</span> &#125;)</div><div class="line">        webview.reload(<span class="keyword">this</span>.$refs.webview)</div><div class="line">      &#125;,</div><div class="line">      start (event) &
 #123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagestart'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagestart'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'pagefinish'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'pagefinish'</span> &#125;)</div><div class="line">      &#125;,</div><div class="line">      finish (event) &#123;</div><div class="line">        <span class="built_in">console</span>.log(<span class="string">'error'</span>, event)</div><div class="line">        modal.toast(&#123; <span class="attr">message</span>: <span class="string">'error'</span> &#125;)</div><div class="line">      &#125;</div><div class="line">
     &#125;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">script</span>&gt;</span></div><div class="line"></div><div class="line"><span class="tag">&lt;<span class="name">style</span> <span class="attr">scoped</span>&gt;</span><span class="css"></span></div><div class="line">  <span class="selector-class">.group</span> &#123;</div><div class="line">    <span class="attribute">flex-direction</span>: row;</div><div class="line">    <span class="attribute">justify-content</span>: space-around;</div><div class="line">    <span class="attribute">margin-top</span>: <span class="number">20px</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.input</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">36px</span>;</div><div class="line">    <span clas
 s="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span class="number">#BBBBBB</span>;</div><div class="line">  &#125;</div><div class="line">  <span class="selector-class">.button</span> &#123;</div><div class="line">    <span class="attribute">width</span>: <span class="number">225px</span>;</div><div class="line">    <span class="attribute">text-align</span>: center;</div><div class="line">    <span class="attribute">background-color</span>: <span class="number">#D3D3D3</span>;</div><div class="line">    <span class="attribute">padding-top</span>: <span class="number">15px</span>;</div><div class="line"> 
    <span class="attribute">padding-bottom</span>: <span class="number">15px</span>;</div><div class="line">    <span class="attribute">margin-bottom</span>: <span class="number">30px</span>;</div><div class="line">    <span class="attribute">font-size</span>: <span class="number">30px</span>;</div><div class="line">  &#125;</div><div class="line"></div><div class="line">  <span class="selector-class">.webview</span> &#123;</div><div class="line">    <span class="attribute">margin-left</span>: <span class="number">75px</span>;</div><div class="line">    <span class="attribute">width</span>: <span class="number">600px</span>;</div><div class="line">    <span class="attribute">height</span>: <span class="number">750px</span>;</div><div class="line">    <span class="attribute">border-width</span>: <span class="number">2px</span>;</div><div class="line">    <span class="attribute">border-style</span>: solid;</div><div class="line">    <span class="attribute">border-color</span>: <span cl
 ass="number">#41B883</span>;</div><div class="line">  &#125;</div><div class="line"><span class="tag">&lt;/<span class="name">style</span>&gt;</span></div></pre></td></tr></table></figure>
-<p><a href="../../examples/web.html">try it</a></p>
+<p><a href="http://dotwe.org/vue/154c7fa8ac13e87ff4e7bf9862147d50" target="_blank" rel="external">try it</a></p>
 
   </div>
   
@@ -1366,7 +1339,7 @@ Use web component to display any web content in the weex page. The srcattribute
           <a href="/references/components/web.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/components/web.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/components/web.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/gesture.html
----------------------------------------------------------------------
diff --git a/content/references/gesture.html b/content/references/gesture.html
index e57a837..49b3bd6 100644
--- a/content/references/gesture.html
+++ b/content/references/gesture.html
@@ -5,49 +5,6 @@
   
   <title>Gesture | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Gesture
 Experiment Feature
 
@@ -62,7 +19,7 @@ Experiment Feature
 
 Weex encapsulates native touch events to provide a gesture system. Using gesture is similar to use event in Weex. Just set on attributes on a node to listen to gesture.
 Typ">
-<meta property="og:updated_time" content="2017-02-26T06:06:13.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Gesture">
 <meta name="twitter:description" content="Gesture
@@ -127,13 +84,29 @@ Typ">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/gesture.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -150,7 +123,7 @@ Typ">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -589,11 +562,11 @@ Typ">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -709,12 +682,12 @@ Typ">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -732,7 +705,7 @@ Typ">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1176,11 +1149,11 @@ Typ">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1296,12 +1269,12 @@ Typ">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1319,7 +1292,7 @@ Typ">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1337,7 +1310,7 @@ Typ">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-26T06:06:13.000Z">Updated time: 26/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Gesture"><a href="#Gesture" class="headerlink" title="Gesture"></a>Gesture</h1><blockquote>
 <p>Experiment Feature</p>
@@ -1406,7 +1379,7 @@ Typ">
           <a href="/references/gesture.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/gesture.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/gesture.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/html5-apis.html
----------------------------------------------------------------------
diff --git a/content/references/html5-apis.html b/content/references/html5-apis.html
index 13c9676..e35bb3a 100644
--- a/content/references/html5-apis.html
+++ b/content/references/html5-apis.html
@@ -5,56 +5,13 @@
   
   <title>HTML5 APIs | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="HTML5 APIsVue APIs">
 <meta property="og:type" content="website">
 <meta property="og:title" content="HTML5 APIs">
 <meta property="og:url" content="https://weex.apache.org/references/html5-apis.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="HTML5 APIsVue APIs">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="HTML5 APIs">
 <meta name="twitter:description" content="HTML5 APIsVue APIs">
@@ -115,13 +72,29 @@
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/html5-apis.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/html5-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -138,7 +111,7 @@
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -577,11 +550,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -697,12 +670,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -720,7 +693,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1164,11 +1137,11 @@
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1284,12 +1257,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1307,7 +1280,7 @@
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1325,7 +1298,7 @@
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="HTML5-APIs"><a href="#HTML5-APIs" class="headerlink" title="HTML5 APIs"></a>HTML5 APIs</h1><p><a href="https://vuejs.org/v2/api/" target="_blank" rel="external">Vue APIs</a></p>
 
@@ -1349,7 +1322,7 @@
           <a href="/references/html5-apis.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/html5-apis.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/html5-apis.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/22906b6f/content/references/index.html
----------------------------------------------------------------------
diff --git a/content/references/index.html b/content/references/index.html
index d7de610..5153ee1 100644
--- a/content/references/index.html
+++ b/content/references/index.html
@@ -5,49 +5,6 @@
   
   <title>Common Options | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <script>
-  ;(function(){
-    var currentOrigin = location.origin,
-        currentPathname = location.pathname,
-        currentLang = navigator.language,
-        selectedLang = '';
-
-    if (!currentLang) {
-      currentLang = navigator.browserLanguage;
-    }
-
-    if (window.sessionStorage) {
-      selectedLang = window.sessionStorage.getItem('lang')
-    }
-
-    if (!selectedLang) {
-      if (currentLang.indexOf('zh') >= 0 && currentPathname.indexOf('/cn/') != 0) {
-        location.href = getUrl('cn', currentOrigin, currentPathname);
-      } else if (currentLang.indexOf('en') >= 0 && currentPathname.indexOf('/cn/') == 0) {
-        location.href = getUrl('en', currentOrigin, currentPathname);
-      }
-    }
-
-    function getUrl (lang, origin, path) {
-      if (lang == 'en') {
-        if (path.indexOf('/cn/') == 0) {
-          return origin + path.substr(3)
-        } else {
-          return origin + path
-        }
-      } else {
-        var langPath = '/' + lang + '/'
-        var pathStart = path.indexOf(langPath)
-
-        if (pathStart == 0) {
-          return origin + path
-        } else {
-          return origin + langPath + path.substr(1)
-        }
-      }
-    }
-  })();
-  </script>
   <meta name="description" content="Common Options
 iOS APIs
 Android APIs
@@ -70,7 +27,7 @@ Text Style
 Color name
 Gesture
 path">
-<meta property="og:updated_time" content="2017-02-17T02:09:41.000Z">
+<meta property="og:updated_time" content="2017-03-01T06:05:27.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Common Options">
 <meta name="twitter:description" content="Common Options
@@ -139,13 +96,29 @@ path">
         <li>
           <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-header" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
   </div>
 </div>
         </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/references/index.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
         <!--<li></li>-->
       </ul>
     </div>
@@ -162,7 +135,7 @@ path">
     
       <div class="search">
   <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
-    <input type="text" id="search-input-sidebar" name="q" results="0" placeholder="search..." class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
     <span class="iconfont icon-search"></span>
   </form>
   <div class="results-panel">
@@ -601,11 +574,11 @@ path">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -721,12 +694,12 @@ path">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -744,7 +717,7 @@ path">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1188,11 +1161,11 @@ path">
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1308,12 +1281,12 @@ path">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1331,7 +1304,7 @@ path">
     
     
       <li>
-        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Legacy</a></h3>
+        <h3 class="chapter-title"><a href="/v-0.10/references/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
       </li>
     
   </ul>
@@ -1349,7 +1322,7 @@ path">
       </h1>
     
   
-  <time class="article-date" datetime="2017-02-17T02:09:41.000Z">Updated time: 17/02/2017</time>
+  <time class="article-date" datetime="2017-03-01T06:05:27.000Z">Updated time: 01/03/2017</time>
 </header>
     <h1 id="Common-Options"><a href="#Common-Options" class="headerlink" title="Common Options"></a>Common Options</h1><ul>
 <li><a href="./ios-apis.html">iOS APIs</a></li>
@@ -1382,7 +1355,7 @@ path">
           <a href="/references/index.html" data-lang="en">English</a>
         </li>
         <li>
-          <a href="/cn/references/index.html" data-lang="cn">\u4e2d\u6587</a>
+          <a href="/cn/references/index.html" data-lang="zh-cn">\u4e2d\u6587</a>
         </li>
       </ul>
     </div>