diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1d983fd..eebe491 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -51,9 +51,7 @@
     {{- end }}
   </footer>
 
-  {{- if (.Param "comments") }}
   {{- partial "comments.html" . }}
-  {{- end }}
 </article>
 
 {{- end }}{{/* end main */}}
diff --git a/layouts/partials/comments.html b/layouts/partials/comments.html
index 918451a..8ed3e5d 100644
--- a/layouts/partials/comments.html
+++ b/layouts/partials/comments.html
@@ -1,3 +1,17 @@
 {{- /* Comments area start */ -}}
 {{- /* to add comments read => https://gohugo.io/content-management/comments/ */ -}}
+<div id="gitalk-container"></div>
+<script>
+const gitalk = new Gitalk({
+  clientID: '402f41759b3537b6c752',
+  clientSecret: 'd9558424431bfc3ee18d4b6c6ce7594ef682a701',
+  repo: 'liuchang0812.github.io',      // The repository of store comments,
+  owner: 'liuchang0812',
+  admin: ['liuchang0812'],
+  id: location.pathname,      // Ensure uniqueness and length less than 50
+  distractionFreeMode: false  // Facebook-like distraction free mode
+})
+
+gitalk.render('gitalk-container')
+</script>
 {{- /* Comments area end */ -}}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 300a841..3b73387 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -115,6 +115,9 @@
 <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}" />
 {{ end -}}
 
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
+<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
+
 <noscript>
     <style>
         #theme-toggle,