¿Hay alguna forma de agregar comentarios de Disqus al Blog de Gatsby? Estaba siguiendo los pasos aquí: https://github.com/gatsbyjs/gatsby pero no estaba seguro de dónde incorporar la opción de comentarios de Disqus. Cualquier ayuda sería muy apreciada.
De hecho, hay un componente React realmente bueno para Disqus: https://js.coach/?search=disqus
Solo querrá agregar eso al contenedor de rebajas ( wrappers/md.js
) y pasar la URL de la publicación.
Encontré el código que creo que necesito agregar, pero no estaba seguro de dónde debería insertarlo dentro del archivo wrappers/md.js.
var Reaccionar = require('reaccionar');
var ReactDisqusThread = require('react-disqus-thread');
var aplicación = crear clase ({
handleNewComment: function(comment) {
console.log(comment.text);
}
render: function () {
return (
<ReactDisqusThread
shortname="example"
identifier="something-unique-12345"
title="Example Thread"
url="http://www.example.com/example-thread"
category_id="123456"
onNewComment={this.handleNewComment}/>
);
}
});
Reaccionar.render(
Dado que esto aparece como el mejor resultado para la búsqueda de "comentarios de gatsby disqus". Ahora hay un componente oficial de react-disqus aquí https://github.com/disqus/disqus-react y una publicación de blog sobre cómo configurar aquí https://mk.gg/add-disqus-comments-to-gatsby- Blog/. ¡Acabo de hacer que esto funcione en mi blog usando el kit de inicio gatsby-starter-blog!
Comentario más útil
De hecho, hay un componente React realmente bueno para Disqus: https://js.coach/?search=disqus
Solo querrá agregar eso al contenedor de rebajas (
wrappers/md.js
) y pasar la URL de la publicación.