Add disqus comment (#79)

* add disqus

* Add readme

---------

Co-authored-by: adibaulia <adib.aulia@gli.id>

README.md

@@ -17,6 +17,7 @@ Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil)
 - Dark/Light Mode toggle
 - tl:dr; frontamatter
 - Cache busting for CSS files
+- Disqus Comments
 
 ## Installation
 In your Hugo website directory, create a new folder named theme and clone the repo
@@ -73,6 +74,8 @@ pygmentsstyle = "monokai"
 pygmentscodefences = true
 pygmentscodefencesguesssyntax = true
 
+disqusShortname = "yourDisqusShortname"
+
 paginate=3 # articles per page
 
 [params]

layouts/_default/single.html

@@ -28,6 +28,15 @@
 			{{ end }}
 			{{ end }}
 		</div>
+		{{- $.Scratch.Set "isDisqus" true -}}
+		<!-- Check if disqus short name is given -->
+		{{ if not .Site.DisqusShortname }}
+		{{- $.Scratch.Set "isDisqus" false -}}
+		{{ end }}
+
+		{{- if eq ($.Scratch.Get "isDisqus") true -}}
+		{{- partial "disqus.html" . -}}
+		{{- end -}}
 	</article>
 </main>
 {{ end }}

layouts/partials/disqus.html

@@ -0,0 +1,19 @@
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+    (function () {
+        // Don't ever inject Disqus on localhost--it creates unwanted
+        // discussions from 'localhost:1313' on your Disqus account...
+        if (window.location.hostname == "localhost")
+            return;
+
+        var dsq = document.createElement('script');
+        dsq.type = 'text/javascript';
+        dsq.async = true;
+        var disqus_shortname = '{{ .Site.DisqusShortname }}';
+        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by
+        Disqus.</a></noscript>
+<a href="http://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>