Merge branch 'main' into feature_support_mermaid

Author: TinyZzh

_config.yml

@@ -41,10 +41,6 @@ stackoverflow: stackoverflow # Add your stackoverflow account
 # Newsletter
 mailchimp: "https://github.us1.list-manage.com/subscribe/post?u=8ece198b3eb260e6838461a60&id=397d90b5f4"
 
-# Disqus
-discus_identifier: amaynez-github-io # Add your discus identifier
-comments_curtain: yes # leave empty to show the disqus embed directly
-
 # Tracker
 analytics: G-R8SZS2YBZK
 fbadmin: ar.maybach
@@ -56,6 +52,18 @@ words_per_minute: 200
 
 extensions:
   mermaid_enable: true
+
+# Comments
+comments: utteranc  #[disqus, utteranc]
+comments_opts:
+  comments_curtain: yes # leave empty to show the disqus embed directly
+  repo: # The GitHub repo URL.  https://utteranc.es/
+  issue_term: # The GitHub issue label
+  label: # The GitHub comments label
+  theme: # The GitHub comment's there. e.g. github-dark
+  # Disqus
+  discus_identifier: # Add your discus identifier
+
 # Build settings
 markdown: kramdown
 mathjax: true

_includes/comments.html

@@ -0,0 +1,37 @@
+<section class="comment-area">
+    <div class="comment-wrapper">
+        {% if site.comments and site.comments_opts.comments_curtain %}
+        <div class="row" id="comment-curtain">
+            <div class="col-lg-8 col-sm-10 mr-auto ml-auto">
+                <h2 class="page-subtitle">Comments</h2>
+                <div class="comments-trigger" onClick="toggle_comments()">
+                    <i class="fa fa-comments"></i>&nbsp;&nbsp;Write a comment ...
+                </div>
+            </div>
+        </div>
+        {% endif %}
+
+        {% if site.comments == 'utteranc' %}
+            {% if site.comments_opts.repo %}
+            <div id="comment-layout">
+                <script src="https://utteranc.es/client.js" repo="{{ site.comments_opts.repo }}"
+                    issue-term="{{ site.comments_opts.issue_term | default : title }}"
+                    label="{{ site.comments_opts.label | default : comments }}" theme="{{ site.comments_opts.theme | default : github-light }}"
+                    crossorigin="anonymous" async>
+                </script>
+            </div>
+            {% endif %}
+        {% elsif site.comments == 'disqus' and site.comments_opts.discus_identifier %}
+            <div id="comment-layout"></div>
+            <script>
+                (function () {
+                    var d = document, s = d.createElement('script');
+                    s.src = '//{{ site.comments.discus_identifier }}.disqus.com/embed.js';
+                    s.setAttribute('data-timestamp', +new Date());
+                    (d.head || d.body).appendChild(s);
+                })();
+            </script>
+            <noscript>Please enable JavaScript to view the comments.</noscript>
+        {% endif %}
+    </div>
+</section> <!-- End Comment Area -->

_includes/disqus.html

@@ -116,8 +116,14 @@
 {% if page.layout == "post" %}
   <script>
     function toggle_comments(){
-        document.getElementById('comment-curtain').classList.toggle('hide')
-        document.getElementById('disqus_thread').classList.toggle('show')
+      var commentCurtain = document.getElementById('comment-curtain')
+      if (commentCurtain) {
+        commentCurtain.classList.toggle('hide')
+      }
+      var disqusThread = document.getElementById('comment-layout')
+      if (disqusThread) {
+        disqusThread.classList.toggle('show')
+      }
     }
 
     function copyToClipboard() {
@@ -134,7 +140,10 @@
 
     $(function () {
       if (document.getElementById('comment-curtain') == null){
-        document.getElementById('disqus_thread').classList.toggle('show')
+        var disqusThread = document.getElementById('comment-layout')
+        if (disqusThread) {
+          disqusThread.classList.toggle('show')
+        }
       }
 
       var tweetTags = document.getElementsByTagName("tweet");

_includes/javascripts.html

@@ -35,7 +35,7 @@ <h1 class="page-title">{{ page.title }}</h1>
         {% include author-box.html %}
         {% include recent-post.html %}
         {% include newsletter.html %}
-        {% include disqus.html %}
+        {% include comments.html %}
       </div>
     </div> <!-- End Wrapper -->
   </article>

_layouts/post.html

@@ -5,7 +5,7 @@ show_date: true
 title:  Single Neuron Perceptron
 date:   2021-01-25 13:32:20 -0600
 description: Single neuron perceptron that classifies elements learning quite quickly.
-img: posts/20210125/Perceptron.jpg 
+img: assets/img/posts/20210125/Perceptron.jpg 
 tags: [machine learning, coding, neural networks]
 author: Armando Maynez
 github:  amaynez/Perceptron/

_posts/2021-01-25-single-neuron-perceptron.markdown

@@ -1064,8 +1064,8 @@ svg.menu-icon-house {
 }
 /* = = = = = = = = = = Post's comments = = = = = = = = = = */
 .hide {display:none}
-#disqus_thread {display:none}
-#disqus_thread.show {display:block}
+#comment-layout {display:none}
+#comment-layout.show {display:block}
 
 .comments {
   margin-bottom: 2em;