Gatsby: Existe uma maneira de adicionar comentários Disqus ao Blog Gatsby

Na verdade, existe um componente React muito bom para Disqus — https://js.coach/?search=disqus

Você só vai querer adicionar isso ao wrapper de remarcação ( wrappers/md.js ) e passar o URL do post.

Encontrei o código que acho que preciso adicionar, mas não tinha certeza de onde deveria incorporá-lo no arquivo wrappers/md.js.

var Reagir = require('reagir');
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.render( , document.getElementById('container'));

Como isso aparece como o principal resultado da pesquisa "gatsby disqus comments". Agora existe um componente oficial react-disqus aqui https://github.com/disqus/disqus-react e uma postagem no blog sobre como configurar aqui https://mk.gg/add-disqus-comments-to-gatsby- blog/. Acabei de fazer isso funcionar no meu blog usando o kit inicial do gatsby-starter-blog!