Disqus & Jekyll

J’aime pouvoir laisser un commentaire sur un site. Cela donne une autre dimension au site.

J’ai donc décidé d’intégrer un système de commentaire sur ce blog et mon choix s’est porté sur Disqus.

Disqus à pour avantage de stocker les commentaires sur leurs serveurs. Cela permet de contourner l’absence de base de données dans Jekyll :)

Comment l’intégrer?

Tout d’abord, il faut créer un compte Disqus puis demander un service Disqus pour votre site.

Lors de la création, vous allez choisir un identifiant de site. Notez-le!

Et maintenant passons aux choses sérieuses!

Créez le fichier _includes/disqus.html

<div id="disqus_thread"></div>
<script type="text/javascript">
  (function() {
    var dsq = document.createElement('script');
    dsq.type = 'text/javascript';
    dsq.async = true;
    dsq.src = '//{{ site.disqus_id }}.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  })();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
</noscript>
</noscript>

Puis insérez ceci dans _layouts/post.html à l’endroit ou vous souhaitez afficher le moteur de commentaires:

{% if page.disqus != "false" && site.disqus_id %}
  {% include disqus.html %}
{% endif %}

Si vous souhaitez désactiver les commentaires pour un post, ajoutez disqus: false dans l’en-tête de votre post :)

Enfin, ajoutez votre identifiant dans le fichier de configuration de Jekyll

disqus_id: Vote_Identifiant

Relancez la génération Jekyll et voilà!

N’hésitez pas à me laisser un petit commentaire: