added reading time in single page

exampleSite/config.yaml

@@ -363,3 +363,9 @@ params:
   # List pages like blogs and posts
   listPages:
     disableFeaturedImage: false
+    
+  # Single pages like blog and post
+  singlePages:
+    readTime:
+      enable: false
+      content: "min read"

layouts/_default/single.html

@@ -22,6 +22,12 @@
               {{ .Params.author }} 
               <small>|</small>
               {{ .Date.Format "Jan 2, 2006" }}
+
+              {{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
+              <span id="readingTime">
+                {{ .Site.Params.singlePages.readTime.content | default "min read" }}
+              </span>
+              {{ end }}
             </div>
           </div>
           {{ if .Params.image }}
@@ -114,4 +120,8 @@
   }
 </script>
 
+{{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
+<script src="{{.Site.Params.staticPath}}/js/readingTime.js"></script>
+{{end}}
+
 {{ end }}

static/js/readingTime.js

@@ -0,0 +1,10 @@
+function readingTime() {
+  const text = document.querySelector("article").innerText;
+  const wpm = 225;
+  const words = text.trim().split(/\s+/).length;
+  const time = Math.ceil(words / wpm);
+
+  const timeElement = document.querySelector("span#readingTime");
+  timeElement.innerHTML = "<small> | </small>" + time + timeElement.innerHTML;
+}
+readingTime();