Gatsby: क्या गैट्सबी ब्लॉग में डिस्कस टिप्पणियों को जोड़ने का कोई तरीका है

Disqus के लिए वास्तव में एक बहुत अच्छा रिएक्ट घटक है - https://js.coach/?search=disqus

आप बस इसे मार्कडाउन रैपर ( wrappers/md.js ) में जोड़ना चाहेंगे और पोस्ट यूआरएल में पास करना चाहेंगे।

मुझे वह कोड मिला जो मुझे लगता है कि मुझे जोड़ने की आवश्यकता है, लेकिन यह सुनिश्चित नहीं था कि मुझे इसे रैपर/md.js फ़ाइल में कहाँ एम्बेड करना चाहिए।

वर प्रतिक्रिया = आवश्यकता ('प्रतिक्रिया');
var ReactDisqusThread = आवश्यकता ('प्रतिक्रिया-डिस्कस-थ्रेड');

वर ऐप = 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}/>
    );
}

});

प्रतिक्रिया.रेंडर( , दस्तावेज़। getElementById ('कंटेनर'));

चूंकि यह "gatsby disqus comments" खोज के लिए शीर्ष परिणाम के रूप में सामने आता है। अब यहां एक आधिकारिक प्रतिक्रिया-डिस्क घटक है https://github.com/disqus/disqus-react और एक ब्लॉग पोस्ट यहां कैसे कॉन्फ़िगर करें https://mk.gg/add-disqus-comments-to-gatsby- ब्लॉग/। मैंने इसे अपने ब्लॉग पर gatsby-starter-blog स्टार्टर किट का उपयोग करके अभी-अभी काम किया है!