Prepare for multiple comment systems

_config.yml

@@ -87,9 +87,11 @@ avatar: '/commons/avatar.jpg'
 # boolean type, the global switch for ToC in posts.
 toc: true
 
-disqus:
-  comments: false  # boolean type, the global switch for posts comments.
-  shortname: ''    # Fill with your Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
+comments:
+  active:        # The global switch for posts comments, e.g., 'disqus'. Keep it empty means disable
+  # The comment active options are as follows
+  disqus:
+    shortname:   # fill with the Disqus shortname. › https://help.disqus.com/en/articles/1717111-what-s-a-shortname
 
 paginate: 10
 

_includes/comments.html

@@ -0,0 +1,4 @@
+<!--  The comments switcher -->
+{% if page.comments and site.comments.active %}
+  {% include {{ site.comments.active | append: '.html' }}  %}
+{% endif %}

_includes/disqus.html

@@ -1,9 +1,6 @@
 <!--
   The Disqus lazy loading.
 -->
-
-{% if site.disqus.comments and page.comments %}
-
 <div id="disqus_thread" class="pt-2 pb-2">
   <p class="text-center text-muted small">
     Comments powered by <a href="https://disqus.com/">Disqus</a>.
@@ -11,6 +8,7 @@
 </div>
 
 <script type="text/javascript">
+
   var disqus_config = function () {
     this.page.url = '{{ page.url | absolute_url }}';
     this.page.identifier = '{{ page.url }}';
@@ -22,7 +20,7 @@
     if(entries[0].isIntersecting) {
         (function () {
             var d = document, s = d.createElement('script');
-            s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+            s.src = 'https://{{ site.comments.disqus.shortname }}.disqus.com/embed.js';
             s.setAttribute('data-timestamp', +new Date());
             (d.head || d.body).appendChild(s);
         })();
@@ -54,5 +52,3 @@
   }
 
 </script>
-
-{% endif %}

_layouts/post.html

@@ -5,7 +5,7 @@ pannel_includes:
 tail_includes:
   - related-posts
   - post-nav
-  - disqus
+  - comments
 ---
 
 {% include lang.html %}