Gatsby: Gibt es eine Möglichkeit, Disqus-Kommentare zum Gatsby-Blog hinzuzufügen?

Es gibt tatsächlich eine wirklich nette React-Komponente für Disqus – https://js.coach/?search=disqus

Fügen Sie das einfach dem Markdown-Wrapper ( wrappers/md.js ) hinzu und übergeben Sie die Post-URL.

Ich habe den Code gefunden, den ich meiner Meinung nach hinzufügen muss, war mir aber nicht sicher, wo ich ihn in die Datei wrappers/md.js einbetten sollte.

var React = require('react');
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}/>
    );
}

});

Reagieren.render( , document.getElementById('container'));

Da dies als Top-Ergebnis für die Suche nach "Gatsby-Disqus-Kommentaren" angezeigt wird. Es gibt jetzt eine offizielle React-Disqus-Komponente hier https://github.com/disqus/disqus-react und einen Blogbeitrag zur Konfiguration hier https://mk.gg/add-disqus-comments-to-gatsby- bloggen/. Ich habe das gerade mit dem Gatsby-Starter-Blog-Starterkit in meinem Blog zum Laufen gebracht!