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:54:20 UTC

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

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>