utterances 🔮 est un widget léger de commentaires qui exploite les issues Github. Il permet d'ajouter facilement un système de commentaires à n'importe quel site web.

  • Open source. 🙌
  • Pas de tracking, pas de pubs, gratuit. 📡🚫
  • Toutes les données sont stockées dans Github.
  • Utilise le style Primer, le toolkit CSS qu'utilise GitHub. 💅
  • Thème sombre. 🌘
  • Léger.
  • Lightweight. Vanilla TypeScript. Pas de téléchargement de polices, frameworks Javascript ou polyfills.

Installation en 4 étapes

1. Créer un nouveau répo public sur Github

2. Installer l'application utterances sur le nouveau répo :

3. Configurer le widget en remplissant le formulaire de la page qui s'affiche :

4. Intégration

Vous pouvez récupérer le code généré à la fin du formulaire et le coller dans une balise qui contiendra le widget.

Exemple d'intégration

Pour un thème Ghost par exemple, vous pouvez placer ce code dans le fichier post.hbs :

<section class="post-full-comments">
    <script src="https://utteranc.es/client.js"
            repo="ziedzaiem/ziedzaiem.com-comments"
            issue-term="url"
            theme="github-light"
            crossorigin="anonymous"
            async>
    </script>
</section>

Vous pouvez trouver un exemple de configuration à la fin de cet article.