Disqus support

4 files changed, 27 insertions, 1 deletions

diff --git a/assets/sass/_list.scss b/assets/sass/_list.scss
index 57f9fe9..1394f76 100644
--- a/assets/sass/_list.scss
+++ b/assets/sass/_list.scss
@@ -2,7 +2,7 @@
     padding: 0 1em 0 1em;
 
     // different padding when screen size below width-md(768px)
-    @media screen and (max-width: $width-md){
+    @media screen and (max-width: $width-md) {
         padding: 0 1.5em 0 1.5em;
     }
 }
@@ -64,4 +64,8 @@ article {
 // not show while iframe not loaded
 #post-comment .utterances-frame {
     border-top: $spliter;
+}
+
+#post-comment #disqus_thread {
+    border-top: $spliter;
 }
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 62fceb9..b6d882f 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -35,6 +35,9 @@ paginate = 10
   # utterancesIssueTerm = "pathname"
   # utterancesTheme = "github-light"
 
+  # Disqus, see: https://disqus.com/admin/install/platforms/universalcode/
+  # disqusShortname = "[ENTER YOUR DISQUS SHORTNAME HERE]"
+
   # Custom lazyload thumbnail
   cdnLazyloadSRC = "https://cdn.jsdelivr.net/gh/amzrk2/poal-jsdelivr/lazyload/dsr_loading.svg"
   # Custom css & js CDN
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 6bfce19..78a9148 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -24,6 +24,9 @@
             {{ if .Site.Params.cdnUtterancesJS }}
             {{ partial "comment-utterances.html" . }}
             {{ end }}
+            {{ if .Site.Params.disqusShortname }}
+            {{ partial "comment-disqus.html" . }}
+            {{ end }}
         </div>
         <!-- sidebar -->
         <div class="col-md-3 col-12 float-left" id="sidebar">
diff --git a/layouts/partials/comment-disqus.html b/layouts/partials/comment-disqus.html
new file mode 100644
index 0000000..4477226
--- /dev/null
+++ b/layouts/partials/comment-disqus.html
@@ -0,0 +1,16 @@
+<div id="post-comment">
+    <div id="disqus_thread"></div>
+    <script>
+        var disqus_config = function () {
+            this.page.url = "{{ .Permalink }}";
+            this.page.identifier = "{{ .RelPermalink }}";
+        };
+        (function () {
+            var d = document,
+                s = d.createElement('script');
+            s.src = 'https://{{ .Site.Params.disqusShortname }}.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();
+    </script>
+</div>
\ No newline at end of file