Gatsby: ¿Hay alguna forma de agregar comentarios de Disqus al blog de Gatsby?

Creado en 20 feb. 2016  ·  3Comentarios  ·  Fuente: gatsbyjs/gatsby

¿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.

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.

Todos 3 comentarios

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( , document.getElementById('contenedor'));

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!

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

benstr picture benstr  ·  3Comentarios

rossPatton picture rossPatton  ·  3Comentarios

totsteps picture totsteps  ·  3Comentarios

signalwerk picture signalwerk  ·  3Comentarios

3CordGuy picture 3CordGuy  ·  3Comentarios