Add estimated reading time to post metadata

- Set `reading_time = false` under `[params]` config to disable
HugoBlox · Sep 30, 2017 · 6270d6e · 6270d6e
1 parent 34b9cf5
commit 6270d6e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 0 deletions.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -53,6 +53,9 @@ defaultContentLanguageInSubdir = false
   #   Examples: "Mon, Jan 2, 2006" or "2006-01-02"
   date_format = "Jan 2, 2006"
 
+  # Show estimated reading time for posts?
+  reading_time = true
+
   # Enable global LaTeX math rendering?
   #   If false, you can enable it locally on a per page basis.
   math = false

diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -11,6 +11,9 @@
 - id: related
   translation: Related
 
+- id: minute_read
+  translation: min read
+
 # Buttons
 
 - id: btn_details

diff --git a/layouts/partials/article_metadata.html b/layouts/partials/article_metadata.html
@@ -11,6 +11,12 @@
     </time>
   </span>
 
+  {{ if ne $.Site.Params.reading_time false }}
+  <span class="article-reading-time">
+    {{ $.ReadingTime }} {{ i18n "minute_read" }}
+  </span>
+  {{ end }}
+
   {{ if isset $.Params "categories" }}
   {{ $categoriesLen := len $.Params.categories }}
   {{ if gt $categoriesLen 0 }}

diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
@@ -465,6 +465,7 @@ article {
 }
 
 .article-metadata .article-date,
+.article-metadata .article-reading-time,
 .article-metadata .article-categories,
 .article-metadata .article-tags {
   margin-right: 10px;