Add New Comment options (#960)

* Init dev branch

* Fix dev branch

* Forgot to add commentbox.html

* Testing discussbot integration

* forgot comments.html

* remove my credentials

* Update _config.yml

Change comments to offer unambiguous descriptions of variables.

* remove discussbot

* Update CHANGELOG.md

Co-authored-by: Karsten Ng <7u9nazbc7@mozmail.com>

CHANGELOG.md

@@ -19,6 +19,7 @@
 - Fixed very long strings to wrap around the next line rather than go off-screen (#787)
 - Added `footer-hover-col` config setting to customize the hover colour of links in the footer (#848)
 - Added social network link for Discord (#907)
+- Added CommentBox as comment option (#960)
 
 ## v5.0.0 (2020-09-15)
 

_config.yml

@@ -161,6 +161,9 @@ footer-hover-col: "#0085A1"
 # To use Facebook Comments, create a Facebook app and fill in the Facebook App ID
 #fb_comment_id: ""
 
+# To use CommentBox, sign up for a Project ID on https://commentbox.io
+#commentbox: "" # Project ID, e.g. "5694267682979840-proj"
+
 # To use Utterances comments: (0) uncomment the following section, (1) fill in
 # "repository" (make sure the repository is public), (2) Enable Issues in your repository,
 # (3) Install the Utterances app in your repository https://github.com/apps/utterances

_includes/commentbox.html

@@ -0,0 +1,7 @@
+{% if site.commentbox %}
+
+    <div class="commentbox"></div>
+    <script src="https://unpkg.com/commentbox.io/dist/commentBox.min.js"></script>
+    <script>commentBox('{{ site.commentbox }}')</script>
+
+{% endif %}

_includes/comments.html

@@ -4,4 +4,5 @@
   {% include staticman-comments.html %}
   {% include utterances-comment.html %}
   {% include giscus-comment.html %}
+  {% include commentbox.html %}
 {% endif %}