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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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