Add commento (#178)

Kirill K

09.46.2019 a460bf8838987df08acea5c8f906a26015489224

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 @@

- 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 @@

### 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

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