Add Linux command list total page.

jaywcjlove · jaywcjlove · commit 967c7fb685d3 · 2017-05-27T10:29:23.000+08:00
diff --git a/build/compile.js b/build/compile.js
@@ -97,12 +97,19 @@ CreateDatajs('./.deploy/js/dt.js',function(dt_path,arr){
       n:'搜索',
       d:'最专业的Linux命令大全，内容包含Linux命令手册、详解、学习，值得收藏的Linux命令速查手册。'
     });
+
+    ReadTmpToHTML('/template/hot.ejs','/.deploy/hot.html',null,{
+      p:'/hot.html',
+      n:'搜索',
+      d:'最专业的Linux命令大全，内容包含Linux命令手册、详解、学习，值得收藏的Linux命令速查手册。',
+      arr:arr
+    });
     // 文章批量生成
     arr.forEach(function(itm,idx){
         var ejstpm = path.join('/template/',itm.p);
         var md_path = path.join('/command',itm.p);
         var dep = path.join('/.deploy/c',itm.p);      
-        ReadTmpToHTML('/template/details.ejs', dep+'.html' ,md_path+'.md', itm)
+        ReadTmpToHTML('/template/details.ejs', dep+'.html' ,md_path+'.md', itm ,arr)
     });
 
     console.log(success("  → "),arr.length)
@@ -164,8 +171,9 @@ function CreateJS(from_path,to_path){
  * @param {[type]} to_path   [生成到指定的位置]
  * @param {[type]} md_path   [Markdown的路径] // 给md地址就生产详情页面
  * @param {[type]} des_json   [页面信息 json 格式]
+ * @param {[type]} arr        []
  */
-function ReadTmpToHTML(from_path,to_path,md_path,des_json){
+function ReadTmpToHTML(from_path,to_path,md_path,des_json, total_pages){
     var tmp_path = path.join(path.dirname(__dirname),from_path);
     if(!exists(tmp_path))  return console.log("\n  → error: 模板文件 "+tmp_path+" 不存在")
     var tmp_str  = fs.readFileSync(tmp_path);
diff --git a/template/header.ejs b/template/header.ejs
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
     <meta name="description" content="<%=describe.n?describe.n+':':''%><%=describe.d?describe.d+' - ':''%>最专业的Linux命令大全，内容包含Linux命令手册、详解、学习，值得收藏的Linux命令速查手册。">
     <meta name="keywords" content="Linux,Command,命令大全,Linux命令手册<%=describe.n?','+describe.n:''%>">
-    <title><%=describe.n?describe.n+' - ':''%>Linux Command</title>
+    <title><%=describe.n?describe.n+' - ':''%>Linux 命令<%=describe.n?describe.n+' - ':''%></title>
     <link rel="shortcut icon" href="<%=relative_path%>img/favicon.ico">
     <link rel="stylesheet" type="text/css" href="<%=relative_path%>css/index.css?v=<%=new Date().getTime()%>">
 </head>
diff --git a/template/hot.ejs b/template/hot.ejs
@@ -0,0 +1,13 @@
+
+<%- include('header',{src:""}); %>
+<%- include('search',{type: "list"}); %>
+
+<div class="hotlist">
+  <ul>
+  <%describe.arr.forEach(function(page,item){%>
+    <li><a href="c<%=page.p%>.html"><%=page.n%> - <%=page.d%></a></li>
+  <%});%>
+  </ul>
+</div>
+
+<%- include('footer'); %>
diff --git a/template/search.ejs b/template/search.ejs
@@ -17,6 +17,6 @@
     </div>
     <div class="footer">
         收藏本站请使用Ctrl+D或者Command+d<br>
-        共搜集到 <span id="commands_info"><%=describe.command_length?describe.command_length:''%></span> 个Linux命令  <a target="_blank" href="https://github.com/jaywcjlove/linux-command/new/master/command">添加命令</a>
+        共搜集到 <span id="commands_info"><%=describe.command_length?describe.command_length:''%></span> 个Linux命令  <a target="_blank" href="https://github.com/jaywcjlove/linux-command/new/master/command">添加命令</a> | <a href="hot.html">命令列表</a>
     </div>
 </div>
diff --git a/template/styl/index.styl b/template/styl/index.styl
@@ -26,6 +26,9 @@ a.github-corner {
         height 70px
     }
 }
+a{
+    transition: all .2s ease-in
+}
 
 @keyframes octocat-wave{
     0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}
@@ -241,6 +244,27 @@ a.github-corner {
 
 }
 
+.hotlist{
+    padding 79px 27px 
+    a{
+        font-size 16px
+        strong{
+            font-weight bold
+        }
+        &:hover{
+        }
+    }
+    li{
+        padding 5px 0 5px 0
+        list-style-type none
+        p{
+            padding-top 5px
+            color #4F4F4F
+        }
+    }
+
+}
+
 
 @media mq-mobile{
     .header{
