Gatsby: Gatsby 블로그에 Disqus 댓글을 추가하는 방법이 있습니까?

실제로 Disqus를 위한 정말 멋진 React 구성 요소가 있습니다 — https://js.coach/?search=disqus

이를 마크다운 래퍼( wrappers/md.js )에 추가하고 게시물 URL을 전달하기만 하면 됩니다.

추가해야 한다고 생각하는 코드를 찾았지만 wrappers/md.js 파일 내 어디에 포함해야 하는지 잘 모르겠습니다.

var 반응 = 요구('반응');
var ReactDisqusThread = require('반응-disqus-thread');

var 앱 = 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('컨테이너'));

이것은 "gatsby disqus comment" 검색에 대한 상위 결과로 나오기 때문입니다. 이제 공식 react-disqus 구성 요소가 https://github.com/disqus/disqus-react 여기 있고 구성 방법에 대한 블로그 게시물이 https://mk.gg/add-disqus-comments-to-gatsby- 에 있습니다.