Bagi pengguna website static yang tidak memiliki database akan kesulitan membuat komentar. Seperti memasang komentar pada web yang dibuat dengan Jekyll . Salah satu alternatif kita bisa menggunakan disqus. Akan tetapi Bagaimana Memasang Disqus Pada Jekyll ?.

Petama, kita harus memiliki akun pada disqus . Kedua, memasangnya pada aplikasi Jekyll

  • Membuat file pada _incudes misal diberinama disqus.html.
    { % if page.comments % }
    <div id="disqus_thread"></div>
    <script>

    var disqus_config = function () {
    this.page.url =  "https://namaweb.com { { page.url } } ";  // diganti dengan PAGE_URL
    this.page.identifier = "{ { page.id } } "; // diganti dengan  PAGE_IDENTIFIER
    };

    (function() { // DON'T EDIT BELOW THIS LINE
    var d = document, s = d.createElement('script');
    s.src = 'https://nama-aplikasi-disqus.disqus.com/embed.js'; <--- dari Disqus
    s.setAttribute('data-timestamp', +new Date());
    (d.head || d.body).appendChild(s);
    })();
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                
    { % endif % }
  • Masukan inculde file disqus.html pada post.html pada folder _layouts.
    { % include disqus.html % }
  • Masukan comments: true pada header artikel.
layout: post
title:  "Bagaimana Memasang Disqus Pada Jekyll?"
comments: true
date:   2017-08-30 14:06:58
categories: [Jekyll,Disqus]

Jika berhasil maka akan muncul seperti gambar dibawah ini.

alt text

Jika kita ingin mengetahui jumlah komentar untuk halaman yang dibuka.

  • tambahkan file dibawah ini pada header.html untuk memanggil javascript dari disqus.
<script id="dsq-count-scr" src="//SHORTNAME.disqus.com/count.js" async></script>
  • silahkan masukan script dibawah ini pada _layouts/post.html untuk menampilkan jumlahnya.
{ % if page.comments % } 
     <a href="https://namaweb.com { { post.url } } #disqus_thread">0 Comments </a>
{ % endif % }