Utteranc.es es un widget liviano el cual nos permite usar los Github Issues como los comentarios de nuestro blog. Es de código abierto, se ve estético, los comentarios se guardan en Github y lo mejor, viene con temas oscuros. SÍ, tienes que iniciar sección con Github, pero está bien porque la gran mayoría tiene una cuenta.
Pasos para instalar
- Para que Utterances funcione de forma correcta es necesario tener un sitio en un repositorio público en Github.
- Instalar la app de Utterances en el repo.
- Ingresa a la página oficial de Utterances y llena el formulario. Se generará un HTML que deberás pegar en tu sitio web. La información que te pedirá el formulario es:
- NOMBRE DEL REPOSITORIO: generalmente es algo como usuario/repo
- ISSUE-TERM: el término que se usará para identificar los comentarios
- ETIQUETA: como se manejarán los comentarios vía GitHub Issues, necesitas una etiqueta para diferenciar cuales son comentarios y cuales no
- Copia el HTML.
- Ve a la carpeta donde tienes tu blog y dirígete hasta
themes/TU-TEMA/layouts/partials - Pega lo que copiaste en el paso 4 en archivo
comments.html(si no existe, créalo)
<script src="https://utteranc.es/client.js"
repo="mscipio/mscipio.github.io"
issue-term="title"
label="Comment"
theme="github-dark"
crossorigin="anonymous"
async>
</script>
- Por último, dirígete hasta
themes/academic/layouts/_defaults/single.htmly pega el siguiente código en la sección donde quieres que aparezcan los comentarios (generalmente al final).
<div class="article-container">
{{ partial "comments.html" . }}
</div>
- Guarda los cambios y listo. Ahora deberías tener comentarios en tu blog.
- Puedes ver un ejemplo en este post! 👇
Eso es todo por hoy. Si tienes alguna inquietud no dudes en dejármela en los comentario.
¡Gracias por leer!