Add reading time, #679 (#784)

* Add reading time

* Add reading time

exampleSite/config.yaml

@@ -264,6 +264,10 @@ params:
         plyr:
           # options doc: https://github.com/sampotts/plyr#options
           # fullscreen: true
+    
+    # Enable reading time support in post cards and in post pages
+    readingTime:
+      enable: true
 
 
   # Provide footer configuration.

layouts/_default/single.html

@@ -39,7 +39,7 @@
         <div class="author-profile ml-auto align-self-lg-center">
           <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . }}' alt="Author Image">
           <h5 class="author-name">{{ partial "helpers/get-author-name.html" . }}</h5>
-          <p>{{ .Page.Date | time.Format ":date_full" }}</p>
+          <p>{{ .Page.Date | time.Format ":date_full" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end }}{{ end }}</p>
         </div>
 
         <div class="title">

layouts/partials/cards/post.html

@@ -19,7 +19,7 @@
           </ul>
         </div>
         {{ end }}
-        <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+        <span class="float-left">{{ .Date.Format "January 2, 2006" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end }}{{ end }}</span>
         <a
         href="{{ .RelPermalink | relLangURL }}"
         class="float-right btn btn-outline-info btn-sm"

layouts/partials/cards/recent-post.html

@@ -21,7 +21,7 @@
           </ul>
         </div>
         {{ end }}
-        <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+        <span class="float-left">{{ .Date.Format "January 2, 2006" }}{{ if site.Params.features.readingTime }} | {{ .ReadingTime }} minute{{ if (ne .ReadingTime 1) }}s{{ end }}{{ end }}</span>
         <a href="{{ .RelPermalink }}" title="{{ i18n "read" }}" class="float-right btn btn-outline-info btn-sm">{{ i18n "read" }}</a>
       </div>
     </div>