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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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