Add commento (#178)

* feat: add commento block

Signed-off-by: Kirill K <kovalev.kirill.a@gmail.com>

* fix: use params section in config example

Signed-off-by: Kirill K <kovalev.kirill.a@gmail.com>

* fix: use defer to execute script after page load

Signed-off-by: Kirill K <kovalev.kirill.a@gmail.com>

README.md

@@ -10,9 +10,9 @@ Features
 
 - Responsive
 - Accessible
-- Contact form 
+- Contact form
 - Custom Robots.txt (changes values based on environment)
-- Internal templates for meta data, google analytics, and DISQUS comments
+- Internal templates for meta data, google analytics, and DISQUS or COMMENTO comments
 - RSS Discovery
 - Table of Contents (must declare `toc: true` in post parameter)
 
@@ -71,9 +71,14 @@ You may need to delete the line: `themesDir = "../.."`
 
 ### Add comments
 
-To enable DISQUS comments, add `disqusShortname = YOURSHORTNAME` to your config file.
-
+To enable comments, add following to your config file:
 
+- DISQUS: `disqusShortname = YOURSHORTNAME`
+- COMMENTO:
+  ```
+  [params]
+    commentoEnable = true`
+  ```
 
 ### Change the hero background
 

layouts/_default/single.html

@@ -21,8 +21,8 @@
       {{/* Hugo uses Go's date formatting is set by example. Here are two formats */}}
       <time class="f6 mv4 dib tracked" datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
         {{- .Date.Format "January 2, 2006" -}}
-      </time>      
-      {{/*  
+      </time>
+      {{/*
           Show "reading time" and "word count" but only if one of the following are true:
           1) A global config `params` value is set `show_reading_time = true`
           2) A section front matter value is set `show_reading_time = true`
@@ -38,7 +38,12 @@
       {{- .Content -}}
       {{- partial "tags.html" . -}}
       <div class="mt6">
+      {{ if .Site.DisqusShortname }}
         {{ template "_internal/disqus.html" . }}
+      {{ end }}
+      {{ if .Site.Params.commentoEnable }}
+        {{- partial "commento.html" . -}}
+      {{ end }}
       </div>
     </section>
 

layouts/partials/commento.html

@@ -0,0 +1,2 @@
+<div id="commento"></div>
+<script defer src="https://cdn.commento.io/js/commento.js"></script>