Add facebook comment

_config.yml

@@ -55,9 +55,13 @@ footer-links:
 # Text under the icons in footer
 footer-text: © 2017 Kiko Now
 
-# Enter your Disqus shortname (not your username) to enable commenting on posts
-# You can find your shortname on the Settings page of your Disqus account
-disqus: # <username>.disqus.com
+# comment system
+comment:
+  # Enter your Disqus shortname (not your username) to enable commenting on posts
+  # You can find your shortname on the Settings page of your Disqus account
+  disqus: # <username>.disqus.com
+  # Enter your Facebook app_id (not your username) to enable commenting on posts
+  facebook: # app_id
 
 # Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
 google_analytics:

_includes/comment.html

@@ -0,0 +1,4 @@
+<div class="comments">
+	{% include comments/disqus.html %}
+	{% include comments/facebook.html %}
+</div>

_includes/comments/disqus.html

@@ -0,0 +1,15 @@
+{% if site.comment.disqus %}
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+
+	var disqus_shortname = '{{ site.comment.disqus }}';
+
+	(function() {
+		var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+		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>
+{% endif %}

_includes/comments/facebook.html

@@ -0,0 +1,5 @@
+{% if site.comment.facebook %}
+<div id="fb-root"></div>
+<script async defer crossorigin="anonymous" src='https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0&appId={{ site.comment.facebook }}&autoLogAppEvents=1'></script>
+<div class="fb-comments" data-href="{{ site.url }}{{ page.url }}" data-width="100%" data-numposts="5"></div>
+{% endif %}

_layouts/post.html

@@ -42,5 +42,5 @@ <h1>{{ page.title }}</h1>
     {% endif %}
   </div>
 
-  {% include disqus.html %}
+  {% include comment.html %}
 </article>