Goodbye, Disqus! Hello, Utterances! - Maëlle's R blog

[utterances-bot]

Goodbye, Disqus! Hello, Utterances! - Maëlle's R blog

undefined

https://masalmon.eu/2019/10/02/disqus/

[njtierney]

This looks great, Maëlle! I might do the same to my blog actually. Thanks for writing (yet another) great guide!

[maelle]

Thank you for commenting! And thanks again for your Disqus comments on my oldest blog posts! :grin:

Looking forward to reading your own experience report. :wink:

[apreshill]

Wowee I had to try this out- this is so cool (and hi you two :) Super clear write-up Maëlle, thank you for a great resource!

[maelle]

Thanks @apreshill! 😀

I am excited about the GitHub issue features like :sparkles: emoji reactions :sparkles: and Markdown formatting.

[rmflight]

This does look really, really cool. The only downside I see is a lack of threading, but I would guess that 99% of the time that's not really a big deal anyway. Might have to investigate this for my own site (that needs a lot more posts ...)

[maelle]

@rmflight btw thanks for bringing up Utterances in that Twitter thread! Agree about the lack of threading. I guess that if there starts to be many lively discussions, it's time to create a Discourse forum. :grin: :scream:

[rmflight]

@maelle wait, when did I bring that up? I don't remember that, honestly, but you're welcome!

[maelle]

https://twitter.com/rmflight/status/1135918035783409665 :smile_cat:

[juliasilge]

I think this is the first real-life blog I have seen using Utterances. Thank you so much for explaining in detail how you did this! 🙏

[maelle]

@juliasilge thank you! The R-hub blog uses it too and is quite good :speak_no_evil:

[JBGruber]

Thank you so much @maelle for pointing this problem out and providing a detailed explanation! For folks using academic theme: Just replace everything in layouts/partials/comments.html with the code snippet from utterances. Works like a charm :heart_eyes_cat:!

[maelle]

@JBGruber awesome, and thanks for the tip! 😺

[samukweku]

Thanks for this - I used your blog post as a guide to setting up utterances on my web page samukweku.github.io. Your blog posts have been very valuable to me. Happy holidays!

[tmastny]

This is awesome. Can't wait to do the same for my blog.

[vasantm]

This post was very helpful, thank you for writing and also learned a lot about why not to use disqus! came across as this, as disqus wasn't working and while searching for hugo commenting, came across this post!

[emilyriederer]

Thank you so much for this post! I remembered seeing it a while ago, and it really piqued my curiosity. I just finally revisited it this week when I decided to take the plunge for my site. Your instructions worked perfectly! I love the concept, and its been a good time so far making things a touch more interactive.

[brycewray]

Very interesting. Thanks for the information, @maelle. Not sure how I'd missed this up to now but definitely something to consider for my site.

[nmorandeira]

Hola! Asistí a tu taller en LatinR. Fue excelente, muchas gracias!! Quisiera saber si puedo activar los comentarios de utteranc.es en algunos posts de mi web y no en otros.

[nmorandeira]

Maëlle, sólo vuelvo a comentar que fui al repositorio github de tu web y gracias a ello pude hacer lo que te había consultado ayer: color utteranc.es sólo en los posts y no en otras categorías de mi web :)! Muchas gracias!!!!

[maelle]

@nmorandeira gracias! :smile_cat: Miré un poco a tu repositorio però como estas cambiando el estilo también, fue más facil utilizar mi proprio repositorio del viernes. Lo explico aqui en inglés por si a caso alguién más me pregunta por esto un dia!

The PR adding utteranc.es with a switch is at https://github.com/maelle/vierneshugo/pull/1

1. It's very important to not add the custom layout under themes/. It needs to be under layouts/. See https://masalmon.eu/2020/02/29/hugo-maintenance/#make-well-defined-tweaks-to-the-theme and remember @apreshill's birds https://twitter.com/apreshill/status/1083791211222073344 :grin:
2. I added utteranc.es as shown in my post but see the line {{ if .Params.comments | default "true" }} that means that by default there will be the comments section but if you set

comments: false

in a post metadata, there will be no comment.

Post with no comments YAML field https://github.com/maelle/vierneshugo/tree/utterances/content/post/newpost Resulting preview, with comment https://deploy-preview-1--vierneshugo.netlify.app/post/newpost/

Post with comments YAML field set to false https://github.com/maelle/vierneshugo/blob/utterances/content/post/getting-started/index.md Resulting preview, no comment http://localhost:1313/post/getting-started/

You could choose to make the default "false" and in that case you'd need to add comments: true to posts where you want to activate comments.

[nmorandeira]

Thank you so much!! I'll surely be using the YAML field, it's very useful!

I comment this for other users: I'm using Hugo Academic theme. To configure utterances for only one category of my blog, I only needed to create a layout for the desired category in (edited for clarity:) “layouts/”. Each folder in this path refers to one of my categories, and I can modify the “single.html” file. Abrazo!!

[maelle]

@nmorandeira it should be in layouts/ at the root of the website folder not themes/hugo-academic/layouts. Both work but it is recommended never to touch the themes folder (except to update the theme).

[nmorandeira]

Oh! Thank you so much for repeating this information!! Now I corrected the path!

[Robinlovelace]

Many thanks for this guide from me, and Happy New Year! My blog now has comments :tada: https://www.robinlovelace.net/post/new-year-new-site-new-world/

[Robinlovelace]

I should also add, for anyone using the academic/wowchemy theme, this comment saved the day for me:

And b/c I forgot to put it in the post, for the hugo academic theme: just replace everything in layouts/partials/comments.html with the code snippet from utterances.

Source: http://rmflight.github.io/post/comments-enabled-via-utterances/

Commit adding Utteranc.es to my site (so simple): https://github.com/rbind/robinlovelace

[Robinlovelace]

https://github.com/rbind/robinlovelace/commit/4eb251f807640cf449cc3fed25dec51c3ab90f3b

[jhare113]

Thank you for this! It was exactly the guidance I needed to get this set up.

[chuxinyuan]

Hi, Maëlle Salmon Perhaps gicus is a better choice.

[maelle]

@chuxinyuan the current setup works, otherwise I couldn't have read your comment :wink: Yes Giscus is more logical since it works with discussions rather than issues, but it didn't exist when I made the switch from Disqus, and I haven't felt the need to switch to Giscus right now. Anyhow, for those reading and curious, see @drmowinckels' post about Giscus: https://drmowinckels.io/blog/2021-12-04-adding-giscus-to-your-blogdown-site/

[chuxinyuan]

@maelle Discussing the issue here will disturb everyone who comments.

By the way, I want to give you a big thumbs up, the websites and articles you share are great, like works of art.