From 258f054fca77422d8e6e82b7b49cfacbb26c81f3 Mon Sep 17 00:00:00 2001
From: liuchang0812 <liuchang0812@gmail.com>
Date: Thu, 11 Nov 2021 20:28:15 +0800
Subject: [PATCH] add gittalk

Signed-off-by: liuchang0812 <liuchang0812@gmail.com>
---
 layouts/_default/single.html   |  2 --
 layouts/partials/comments.html | 14 ++++++++++++++
 layouts/partials/head.html     |  3 +++
 3 files changed, 17 insertions(+), 2 deletions(-)

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,