feat: series: ***

README.md

@@ -143,6 +143,14 @@ css: # 当你输入这个字段，会覆盖掉默认css文件
 
 [网页可看:css格式添加说明](http://llever.com/2018/12/06/nes.css-任天堂风格css框架-yummy/#yinwang-css-格式添加说明)
 
+- **4.** `series`系列博文
+
+```
+series: "我是系列博文哦"
+```
+
+> 具体操作可看[llever.com](http://llever.com/2019/01/11/%E7%B3%BB%E5%88%97-%E5%8A%9F%E8%83%BD%E6%B7%BB%E5%8A%A0-hugo-theme/)，与 [js脚本](./layouts/partials/footer.html#L27)
+
 ## 常见问题
 
 - **0. :** 想加其他统计脚本?

layouts/_default/list.html

@@ -4,13 +4,18 @@
   <div class="outer">
   <ul class="list-group">
     {{ range where .Pages.ByDate.Reverse "Section" "post" }}
+
     <li class="list-group-item title">
       <!-- <div class="row" id="posts">
         <div class="d-none d-sm-block col-sm-3 date-time-title"> -->
 
         <!-- </div> -->
         <!-- <div class="col-sm date-time-title post"> -->
-          <a href="{{ .URL }}"><time style="color:black;">{{ .Date.Format "2006-01-02" }}</time>  / {{ .Title }} </a>
+            {{if .Params.series }}
+                <a href="{{ .URL }}" data-series="{{ .Params.series }}" style="margin-left:1rem;"><time style="color:black;">{{ .Date.Format "2006-01-02" }}</time>  / {{ .Title }} </a>
+              {{ else}}
+                <a href="{{ .URL }}"><time style="color:black;">{{ .Date.Format "2006-01-02" }}</time>  / {{ .Title }} </a>
+            {{ end}}
         <!-- </div> -->
       <!-- </div> -->
     </li>

layouts/partials/footer.html

@@ -1,6 +1,6 @@
 <footer>
   <hr>
-  <small style="font-size:16px;float:right;margin:1rem;">
+  <small style="font-size:16px;float:right;margin:0 1rem;">
     &copy; {{ now.Format "2006" }} <a href="https://github.com/{{.Site.Params.github}}">{{ .Site.Params.author }}.</a>
     <!-- Powered by <a href="https://gohugo.io/" target="_blank">Hugo</a> using the <a href="https://github.com/arjunkrishnababu96/basics" target="_blank">Basics</a> theme. -->
   </small>
@@ -24,6 +24,51 @@
 </script>
 {{ end }}
 
+<!-- series Posts -->
+<script>
+ (function(){
+  var seriesA = document.getElementsByTagName("a");
+  seriesA = Array.from(seriesA).filter(x =>x.getAttribute("data-series"));
+  if(seriesA.length){
+    var nameSeries = {}
+    seriesA.forEach(x =>{
+      var xdata = x.getAttribute("data-series")
+      if(nameSeries[xdata]){
+        nameSeries[xdata].push(x)
+      }else{
+        nameSeries[xdata] = [x]
+      }
+    })
+  }
+
+  function createE(){
+    var detailsArr = [] // full html
+    var postPosArr = [] // outerHTML
+    for(let i in nameSeries){
+      var dcreateE = document.createElement("details")
+      var screateE = document.createElement("summary")
+      screateE.textContent = i;
+      var inner = screateE.outerHTML + "<br >" // details innerHTML
+
+      nameSeries[i].forEach(x =>{
+        inner += x.outerHTML
+        x.parentElement.style.display = "none"
+      })
+      postPosArr.push(nameSeries[i][0])
+      dcreateE.innerHTML = inner
+      detailsArr.push(dcreateE)
+    }
+    console.info(postPosArr)
+    console.log(detailsArr[0])
+    postPosArr.forEach(a =>{
+      a.parentElement.style.display = "block"
+      a.outerHTML = detailsArr.shift().outerHTML
+    })
+  }
+  createE()
+ })()
+</script>
+
 
 </body>