Disqus komentáře pro Jekyll

Dnes jsem přidal na náš web možnost komentovat příspěvky, stránky a vlastně cokoliv, co budu chtít, aby se dalo komentovat. V poslední době hodně vídám na webech Disqus komentáře, takže jsem si vybral právě ty, a to i z důvodu jednoduché integrace popsané v tomto článku.

Nejprve se registrujete na Disqus, to je doufám zřejmé. Získáte tím možnost moderovat příspěvky, které vám vaši návštěvníci a spamboti zanechají.

Následně vytvoříte soubor _includes/comments.html s následujícím kódem:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{% if page.comments %}
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
    this.page.url = "{{ site.url }}{{ page.url | prepend: site.baseUrl }}";
    this.page.identifier = "{{ page.url }}";
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');

s.src = '//outoftimecz.disqus.com/embed.js';

s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
{% endif %}

Samozřejmě změníte outoftimecz na řádku 11 za tzv. shortname vašeho webu, který jste si zvolili při registraci.

Následně si do vaší šablony pro příspěvky nebo stránky vložíte tento kousek:

{% include comments.html %}

Komentáře pak zapnete na stránce tak, že do FrontMatter přidáte:

---
comments: true
---

V mém případě jsem si ještě trochu ulehčil život tím, že jsem přidal defaultní konfiguraci do _config.yml:

defaults:
  -
    scope:
      path: ''
      type: 'posts'
    values:
      layout: 'post'
      comments: true
  -
    scope:
      path: 'fotogalerie'
      type: 'pages'
    values:
      comments: true
  -
    scope:
      path: 'cestopisy'
      type: 'pages'
    values:
      comments: true

Tímto jsem zapnul komentáře na všech příspěvcích, ve všech fotogaleriích a také na všech stránkách v sekci cestopisy. Pokud je budu chtít vypnout, stačí přidat comments: false do FrontMatter dané stránky.

Není vám něco jasné? Zeptejte se v komentářích :).