Gatsby: Existe-t-il un moyen d'ajouter des commentaires Disqus au blog Gatsby

Il existe en fait un très bon composant React pour Disqus - https://js.coach/?search=disqus

Vous voudrez simplement ajouter cela à l'emballage de démarquage ( wrappers/md.js ) et transmettre l'URL de publication.

J'ai trouvé le code que je pense devoir ajouter, mais je ne savais pas où je devais l'intégrer dans le fichier wrappers/md.js.

var Réagir = require('réagir');
var ReactDisqusThread = require('react-disqus-thread');

var App = createClass({

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}/>
    );
}

});

React.rendre( , document.getElementById('container'));

Étant donné que cela apparaît comme le meilleur résultat pour la recherche "gatsby disqus comments". Il y a maintenant un composant officiel de réaction-disqus ici https://github.com/disqus/disqus-react et un article de blog sur la façon de configurer ici https://mk.gg/add-disqus-comments-to-gatsby- Blog/. Je viens de le faire fonctionner sur mon blog en utilisant le kit de démarrage gatsby-starter-blog !