Make Site More Informative

Add Reading Time to current theme.

Add Reading Time to list Page

Showing Reading Time is a great addition, by helping visitors to decide if the article is interesting enough to read..ReadingTime is a function of Hugo - which is calculated from the number of words in markdown content.

As this is a built in function, this can added.

Update Theme

This will vary based on theme and files might be different.

Open <theme>/layouts/_defaults/single.html <theme>/layouts/_defaults/post.html and add find author section in geeky-hugo theme location this in:

Author and Publish Date are generated. Notice the <li> </li> section.

... TRUNCATED OUTPUT ... 
<ul class="list-inline card-meta d-flex align-items-center mb-3">
  <li class="list-inline-item d-flex align-items-center">
    <i class="fas fa-user me-2"></i>
    <a href="{{`about` | relLangURL}}/">{{site.Params.author}}</a>
  </li>
  <li class="list-inline-item d-flex align-items-center">
    <i class="fas fa-calendar me-2"></i>
    <span>{{ time.Format ":date_long" .PublishDate }}</span>
  </li>      
</ul>
... TRUNCATED OUTPUT ... 

Add the following to include read time.

<span class="reading">{{ .ReadingTime }} {{ cond (eq .ReadingTime 1) "minute" "minutes" }} read</span>

Completed code with clock icon added with <i class="fas fa-clock"></i> just lookup Font Awesome Icons

<li class="list-inline-item d-flex align-items-center">
<i class="fas fa-clock"></i>
  <span class="reading">{{ .ReadingTime }} {{ cond (eq .ReadingTime 1) "minute" "minutes" }} read</span>
</li>

Summary

Minor update to improve information.

Check out the something interesting: