diff --git a/adblock/index.html b/adblock/index.html
index 015899da..f597a940 100644
--- a/adblock/index.html
+++ b/adblock/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/adblock_css/index.html b/adblock_css/index.html
index 804e0c82..83c40808 100644
--- a/adblock_css/index.html
+++ b/adblock_css/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/archives/2018/12/index.html b/archives/2018/12/index.html
index 77d02a08..943cc5d9 100644
--- a/archives/2018/12/index.html
+++ b/archives/2018/12/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li class="active">
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,6 +128,21 @@
                 </span>
     <ul>
         
+        <!-- <li class="listing-item">
+        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        </li> -->
+        <li>
+            <span>01-24</span>
+            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+            <a href="/uWeb/hosts/">
+                        <span>
+                            利用超级hosts文件加速访问国外网站
+                        </span>
+            </a>
+            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+        </li>
+        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
@@ -157,21 +198,6 @@
                 </span>
     <ul>
         
-        <!-- <li class="listing-item">
-        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
-        </li> -->
-        <li>
-            <span>12-11</span>
-            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-            <a href="/uWeb/hosts/">
-                        <span>
-                            利用超级hosts文件加速访问国外网站
-                        </span>
-            </a>
-            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
-        </li>
-        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
diff --git a/archives/2018/index.html b/archives/2018/index.html
index 77d02a08..943cc5d9 100644
--- a/archives/2018/index.html
+++ b/archives/2018/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li class="active">
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,6 +128,21 @@
                 </span>
     <ul>
         
+        <!-- <li class="listing-item">
+        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        </li> -->
+        <li>
+            <span>01-24</span>
+            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+            <a href="/uWeb/hosts/">
+                        <span>
+                            利用超级hosts文件加速访问国外网站
+                        </span>
+            </a>
+            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+        </li>
+        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
@@ -157,21 +198,6 @@
                 </span>
     <ul>
         
-        <!-- <li class="listing-item">
-        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
-        </li> -->
-        <li>
-            <span>12-11</span>
-            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-            <a href="/uWeb/hosts/">
-                        <span>
-                            利用超级hosts文件加速访问国外网站
-                        </span>
-            </a>
-            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
-        </li>
-        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
diff --git a/archives/2019/01/index.html b/archives/2019/01/index.html
index 77d02a08..943cc5d9 100644
--- a/archives/2019/01/index.html
+++ b/archives/2019/01/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li class="active">
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,6 +128,21 @@
                 </span>
     <ul>
         
+        <!-- <li class="listing-item">
+        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        </li> -->
+        <li>
+            <span>01-24</span>
+            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+            <a href="/uWeb/hosts/">
+                        <span>
+                            利用超级hosts文件加速访问国外网站
+                        </span>
+            </a>
+            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+        </li>
+        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
@@ -157,21 +198,6 @@
                 </span>
     <ul>
         
-        <!-- <li class="listing-item">
-        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
-        </li> -->
-        <li>
-            <span>12-11</span>
-            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-            <a href="/uWeb/hosts/">
-                        <span>
-                            利用超级hosts文件加速访问国外网站
-                        </span>
-            </a>
-            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
-        </li>
-        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
diff --git a/archives/2019/index.html b/archives/2019/index.html
index 77d02a08..943cc5d9 100644
--- a/archives/2019/index.html
+++ b/archives/2019/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li class="active">
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,6 +128,21 @@
                 </span>
     <ul>
         
+        <!-- <li class="listing-item">
+        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        </li> -->
+        <li>
+            <span>01-24</span>
+            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+            <a href="/uWeb/hosts/">
+                        <span>
+                            利用超级hosts文件加速访问国外网站
+                        </span>
+            </a>
+            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+        </li>
+        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
@@ -157,21 +198,6 @@
                 </span>
     <ul>
         
-        <!-- <li class="listing-item">
-        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
-        </li> -->
-        <li>
-            <span>12-11</span>
-            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-            <a href="/uWeb/hosts/">
-                        <span>
-                            利用超级hosts文件加速访问国外网站
-                        </span>
-            </a>
-            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
-        </li>
-        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
diff --git a/archives/index.html b/archives/index.html
index 77d02a08..943cc5d9 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li class="active">
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,6 +128,21 @@
                 </span>
     <ul>
         
+        <!-- <li class="listing-item">
+        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
+        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
+        </li> -->
+        <li>
+            <span>01-24</span>
+            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
+            <a href="/uWeb/hosts/">
+                        <span>
+                            利用超级hosts文件加速访问国外网站
+                        </span>
+            </a>
+            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
+        </li>
+        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
@@ -157,21 +198,6 @@
                 </span>
     <ul>
         
-        <!-- <li class="listing-item">
-        <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
-        <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
-        </li> -->
-        <li>
-            <span>12-11</span>
-            <i class="fa fa-angle-double-right" aria-hidden="true"></i>
-            <a href="/uWeb/hosts/">
-                        <span>
-                            利用超级hosts文件加速访问国外网站
-                        </span>
-            </a>
-            <!-- <p class="post-meta">{{ post.date | date:"%Y-%m-%d" }}</p> -->
-        </li>
-        
         <!-- <li class="listing-item">
         <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time>
         <a href="{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a>
diff --git a/bc/index.html b/bc/index.html
index 8592120e..b3089f7a 100644
--- a/bc/index.html
+++ b/bc/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#安装bc"><span class="toc-text">安装bc</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#配置文件-sdcard-uweb-cmds-txt如下："><span class="toc-text">配置文件/sdcard/uweb/cmds.txt如下：</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#更多bc扩展库："><span class="toc-text">更多bc扩展库：</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#使用扩展库以后cmds-txt配置如下："><span class="toc-text">使用扩展库以后cmds.txt配置如下：</span></a></li></ol>
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/gnuplot/index.html b/gnuplot/index.html
index 17263170..4f62cf78 100644
--- a/gnuplot/index.html
+++ b/gnuplot/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
                 </a>
             </li>
-            
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    <ol class="toc"><li class="toc-item toc-level-4"><a class="toc-link" href="#安装gnuplot"><span class="toc-text">安装gnuplot</span></a></li><li class="toc-item toc-level-4"><a class="toc-link" href="#配置文件-sdcard-uweb-cmds-txt如下："><span class="toc-text">配置文件/sdcard/uweb/cmds.txt如下：</span></a></li></ol>
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/hosts/index.html b/hosts/index.html
index cce4c7e4..e79dec66 100644
--- a/hosts/index.html
+++ b/hosts/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -102,7 +124,7 @@
     </div>
 
     <div class="post-meta">
-        <span class="attr">Post：<span>2018-12-11 07:07:58</span></span>
+        <span class="attr">Post：<span>2019-01-24 17:49:14</span></span>
         
         
         <span class="attr">Visit：<span id="busuanzi_value_page_pv"></span>
@@ -112,6 +134,11 @@
     <div class="post-content ">
         <p>不少国外网站本身虽可访问，但由于网站需要下载google,<br>facebook等屏蔽网址的资源而导致无法访问。超级hosts文件可屏蔽文件中域名的一切子域名、孙域名、……，从而主动屏蔽这些网址，最终允许浏览器快速访问合法网站。</p>
 <p>使用Android端<a href="https://www.coolapk.com/apk/info.torapp.uweb" target="_blank" rel="noopener">uweb浏览器</a>。<br>/sdcard/uweb/hosts内容如下：<br>googleadservices.com<br>googlesyndication.com<br>adsense.com<br>google.com<br>google-analytics.com<br>googletagservices.com<br>twitter.com<br>facebook.com<br>fbcdn.net</p>
+<p>其它国外网址访问技巧：</p>
+<ul>
+<li>尝试关闭javascript, 譬如程序员网站stackoverflow.com在关闭javascript的情况下国内一般均可快速访问。</li>
+<li>关闭网页图片</li>
+</ul>
 
         
         <br>
diff --git a/index.html b/index.html
index edb39026..c7541058 100644
--- a/index.html
+++ b/index.html
@@ -43,30 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li class="active">
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
                 </a>
             </li>
-            
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
+                </a>
+            </li>
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -74,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
@@ -93,11 +119,11 @@
 <div class="post-preview-container" style="min-height: 720px">
     
     <div class="post-preview">
-        <div class="post-time">2019-01-11</div>
+        <div class="post-time">2019-01-24</div>
         <div class="post-info">
-            <a href="/uWeb/adblock_css/">
+            <a href="/uWeb/hosts/">
                 <h3>
-                    利用用户自定义样式屏蔽广告
+                    利用超级hosts文件加速访问国外网站
                 </h3>
             </a>
             <p>
@@ -107,11 +133,11 @@
     </div>
     
     <div class="post-preview">
-        <div class="post-time">2019-01-10</div>
+        <div class="post-time">2019-01-11</div>
         <div class="post-info">
-            <a href="/uWeb/adblock/">
+            <a href="/uWeb/adblock_css/">
                 <h3>
-                    利用超级hosts绝杀广告
+                    利用用户自定义样式屏蔽广告
                 </h3>
             </a>
             <p>
@@ -121,11 +147,11 @@
     </div>
     
     <div class="post-preview">
-        <div class="post-time">2019-01-01</div>
+        <div class="post-time">2019-01-10</div>
         <div class="post-info">
-            <a href="/uWeb/redirect/">
+            <a href="/uWeb/adblock/">
                 <h3>
-                    重定向国外网址至国内镜像
+                    利用超级hosts绝杀广告
                 </h3>
             </a>
             <p>
@@ -135,11 +161,11 @@
     </div>
     
     <div class="post-preview">
-        <div class="post-time">2018-12-11</div>
+        <div class="post-time">2019-01-01</div>
         <div class="post-info">
-            <a href="/uWeb/hosts/">
+            <a href="/uWeb/redirect/">
                 <h3>
-                    利用超级hosts文件加速访问国外网站
+                    重定向国外网址至国内镜像
                 </h3>
             </a>
             <p>
diff --git a/redirect/index.html b/redirect/index.html
index 04335cdb..2f8e004a 100644
--- a/redirect/index.html
+++ b/redirect/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/search/index.html b/search/index.html
index 9e21ddac..0636c466 100644
--- a/search/index.html
+++ b/search/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">
 
diff --git a/urls/index.html b/urls/index.html
index 3140cbf0..b66307a4 100644
--- a/urls/index.html
+++ b/urls/index.html
@@ -43,34 +43,56 @@
     <div class="index-left">
         
 <div class="nav" id="nav">
+    <div class="avatar-name">
+        <div class="avatar">
+            <img src="<%= config['root'] %><%= config['sidebar-avatar'] %>" />
+        </div>
+        <div class="name">
+            <i><%= config.author %></i>
+        </div>
+    </div>
     <div class="contents" id="nav-content">
         <ul>
-            <li>
-                <a href="/uWeb/">
+            <li <% if(is_home()){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.home_dir || '/') %>">
                     <i class="iconfont icon-shouye1"></i>
-                    <span>HOME</span>
+                    <span><%= __('nav.home') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/tags">
+            <li <% if(is_current('tags')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.tag_dir) %>">
                     <i class="iconfont icon-biaoqian1"></i>
-                    <span>TAGS</span>
+                    <span><%= __('nav.tags') %></span>
                 </a>
             </li>
-            <li>
-                <a href="/uWeb/archives">
+            <li <% if(is_current('archive')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= url_for(config.archive_dir) %>">
                     <i class="iconfont icon-guidang2"></i>
-                    <span>ARCHIVES</span>
+                    <span><%= __('nav.archives') %></span>
+                </a>
+            </li>
+            <li <% if(is_current('about')){ %> <%- "class=active" %> <% } %>>
+                <a href="<%= config.root %><%- 'about/' %>">
+                    <i class="iconfont icon-guanyu2"></i>
+                    <span><%= __('nav.about') %></span>
                 </a>
             </li>
-            
+            <%if(config.search && config.search.path){%>
+            <li>
+                <a id="search">
+                    <i class="iconfont icon-sousuo1"></i>
+                    <span><%= __('nav.search') %></span>
+                </a>
+            </li>
+            <% } %>
         </ul>
     </div>
-    
-        <div id="toc" class="toc-article">
-    
-</div>
-    
+    <%
+        if(is_post()){
+        // if(/[0-9]*\/[0-9]*\/[0-9]*\//.test(path)){
+    %>
+        <%- partial('./toc', {item: page, index: false}) %>
+    <% } %>
 </div>
 
 
@@ -78,8 +100,8 @@
     <div class="search-container">
         <div class="search-input">
             <span id="esc-search"> <i class="icon-fanhui iconfont"></i></span>
-            <input id="search-input">
-            <span id="begin-search">search</span>
+            <input id="search-input"/>
+            <span id="begin-search"><%= __('search.search') %></span>
         </div>
         <div class="search-result-container" id="search-result-container">