Add commento (#178)

* feat: add commento block Signed-off-by: Kirill K <[email protected]> * fix: use params section in config example Signed-off-by: Kirill K <[email protected]> * fix: use defer to execute script after page load Signed-off-by: Kirill K <[email protected]>
theNewDynamic · Jun 9, 2019 · a460bf8 · a460bf8
1 parent 0e3fd73
commit a460bf8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 6 deletions.
diff --git a/README.md b/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
 

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -21,8 +21,8 @@ <h1 class="f1 athelas mb1">
       {{/* 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 @@ <h1 class="f1 athelas mb1">
       {{- .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>
 

diff --git a/layouts/partials/commento.html b/layouts/partials/commento.html
@@ -0,0 +1,2 @@
+<div id="commento"></div>
+<script defer src="https://cdn.commento.io/js/commento.js"></script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<div id="commento"></div>
		<script defer src="https://cdn.commento.io/js/commento.js"></script>