website: update website template.

template/details.ejs

@@ -1,7 +1,5 @@
-
+<%- include('partial/header'); %>
-<%-include('header'); %>
+<%- include('widget/search',{type: "list"}); %>
-<%- include('search',{type: "list"}); %>
-
 <div class="markdown-body">
 <% if(md_path){ %>
 <span class="edit_btn">
@@ -12,5 +10,5 @@
 <% } %>
 {{content}}
 </div>
-
+<%- include('widget/footer',{type: "list"}); %>
-<%- include('footer',{type: "list"}); %>
+<%- include('partial/footer'); %>

template/hot.ejs

@@ -1,7 +1,5 @@
-
+<%- include('partial/header'); %>
-<%- include('header',{src:""}); %>
+<%- include('widget/search',{type: "list"}); %>
-<%- include('search',{type: "list"}); %>
-
 <div class="hotlist">
   <ul>
   <%describe.arr.forEach(function(page,item){%>
@@ -9,5 +7,5 @@
   <%});%>
   </ul>
 </div>
-
+<%- include('widget/footer',{type: "list"}); %>
-<%- include('footer',{type: 'list'}); %>
+<%- include('partial/footer'); %>

template/index.ejs

@@ -1,4 +1,6 @@
-
+<%- include('partial/header'); %>
-<%- include('header'); %>
+<div>
-<%- include('search',{type: "index"}); %>
+<%- include('widget/search',{type: "home"}); %>
-<%- include('footer',{type: "index"}); %>
+<%- include('widget/footer',{type: "home"}); %>
+</div>
+<%- include('partial/footer'); %>

template/list.ejs

@@ -1,6 +1,5 @@
-
+<%- include('partial/header'); %>
-<%- include('header',{src:""}); %>
+<%- include('widget/search',{type: "list"}); %>
-<%- include('search',{type: "list"}); %>
 
 <div class="search_list">
     <ul id="search_list_result">
@@ -11,4 +10,5 @@
     </ul>
 </div>
 
-<%- include('footer',{type: 'list'}); %>
+<%- include('widget/footer',{type: "list"}); %>
+<%- include('partial/footer'); %>

template/partial/footer.ejs

@@ -0,0 +1,6 @@
+<script>
+var _hmt = _hmt || []; (function() {var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a542c0213a9aa8ae29fccdc8a18b91ef"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>
+<script type="text/javascript" src="<%=relative_path%>js/dt.js?v=<%=new Date().getTime()%>"></script>
+<script type="text/javascript" src="<%=relative_path%>js/index.js?v=<%=new Date().getTime()%>"></script>
+</body>
+</html>

template/styl/index.styl

@@ -183,10 +183,27 @@ a {
   color #616161
   font-size 14px
   font-weight 300
-  border-top: 1px solid #efefef;
+  border-top 1px solid #efefef
-  padding-bottom: 50px;
+  padding-bottom 50px;
-  &.footer_index {
+  padding 31px 6px 50px 6px
-    border-top: 0
+  &.home {
+    border-top 0
+  }
+}
+.header.home {
+  .header_inner {
+    display flex
+    flex-direction column
+    align-items center
+  }
+  .logo {
+    min-height 140px
+    display flex
+    align-items center
+  }
+  .search {
+    display flex
+    min-width 320px
   }
 }
 
@@ -209,9 +226,6 @@ a {
       width 136px
     }
   }
-  .footer {
-    display none
-  }
 }
 
 .search_list {
@@ -269,7 +283,7 @@ a {
   }
 }
 
-.header_inner, .hotlist {
+.header_inner, .hotlist, .search_list {
   max-width 920px
   margin 0 auto
 }

template/widget/footer.ejs

@@ -1,5 +1,5 @@
 <!-- Linux命令行搜索引擎：https://jaywcjlove.github.io/linux-command/ -->
-<div class="footer <%if(type=='index'){%> footer_index <%}%>">
+<div class="footer <%if(type=='home'){%> home <%}%>">
   <a target="_blank" href="https://github.com/jaywcjlove/linux-command/new/master/command">添加命令</a> |
   <a href="<%=relative_path%>hot.html">命令列表</a> |
   <a href="https://github.com/jaywcjlove/oscnews">Chrome 插件</a> |
@@ -11,15 +11,9 @@
   <a href="https://github.com/jaywcjlove/linux-command">Github</a> |
   <a href="https://jaywcjlove.github.io/linux-command/">短地址：https://git.io/linux</a>
   <br />
-  收藏本站请使用Ctrl+D或者Command+d
+  收藏本站请使用 Ctrl+D 或者Command+d
   <br /> 共搜集到
   <span id="commands_info">
     <%=describe.command_length?describe.command_length:''%>
   </span> 个Linux命令
-</div>
+</div>
-<script>
-var _hmt = _hmt || []; (function() {var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a542c0213a9aa8ae29fccdc8a18b91ef"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>
-<script type="text/javascript" src="<%=relative_path%>js/dt.js?v=<%=new Date().getTime()%>"></script>
-<script type="text/javascript" src="<%=relative_path%>js/index.js?v=<%=new Date().getTime()%>"></script>
-</body>
-</html>