Gatsby: هل هناك طريقة لإضافة تعليقات Disqus إلى مدونة Gatsby

يوجد في الواقع مكون رد فعل رائع لـ Disqus - https://js.coach/ ؟

ستحتاج فقط إلى إضافة ذلك إلى غلاف تخفيض السعر ( wrappers/md.js ) وتمرير عنوان url للمنشور.

لقد وجدت الكود الذي أعتقد أنني بحاجة إلى إضافته ولكن لم أكن متأكدًا من المكان الذي يجب أن أقوم بتضمينه فيه داخل ملف الأغلفة / md.js.

var React = يتطلب ('رد فعل') ؛
var ReactDisqusThread = يتطلب ('رد فعل-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 ('container')) ؛

نظرًا لأن هذا يأتي في أعلى نتيجة لبحث "تعليقات gatsby disqus". يوجد الآن عنصر رد فعل-disqus رسمي هنا https://github.com/disqus/disqus-react ومدونة حول كيفية التهيئة هنا https://mk.gg/add-disqus-comments-to-gatsby- مقالات/. لقد حصلت للتو على هذا العمل في مدونتي باستخدام مجموعة بدء تشغيل مدونة gatsby-starter-blog!