refactor: encapsulate comment component

1 files changed, 35 insertions, 0 deletions

diff --git a/layouts/partials/components/comment.html b/layouts/partials/components/comment.html
new file mode 100644
index 00000000..f3cdbded
--- /dev/null
+++ b/layouts/partials/components/comment.html
@@ -0,0 +1,35 @@
+{{ if in .Site.Params.mainSections .Type }}
+  <div class="post-comments">
+      <div class="giscus">
+          <p style="text-align:center">
+              {{ if eq .Site.Language.Lang "en" }}
+              if comment is not loaded, please try refreshing
+              {{ else if eq .Site.Language.Lang "zh" }}
+              如果评论未加载，请尝试刷新页面
+              {{ end }}
+          </p>
+      </div>
+      {{ if eq .Site.Language.Lang "zh" }}
+      <p style="text-align:center">你也可以加入本站的 <a href="https://t.me/teaparty418" target="_blank">Telegram 群组</a>参与讨论</p>
+      {{ end }}
+      <script src="https://giscus.app/client.js"
+          data-repo="BigCoke233/geek-death-project"
+          data-repo-id="R_kgDONPoyVw"
+          data-category="General"
+          data-category-id="DIC_kwDONPoyV84Clumc"
+          data-mapping="title"
+          data-strict="1"
+          data-reactions-enabled="1"
+          data-emit-metadata="0"
+          data-input-position="top"
+          data-theme="preferred_color_scheme"
+          {{ if eq .Site.Language.Lang "en" }}
+          data-lang="en"
+          {{ else if eq .Site.Language.Lang "zh" }}
+          data-lang="zh-CN"
+          {{ end }}
+          crossorigin="anonymous"
+          async>
+      </script>
+  </div>
+{{ end }}