refactor: encapsulate comment component

2 files changed, 36 insertions, 38 deletions

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 68d7edd5..f1e37444 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -50,44 +50,7 @@
         {{ end }}
       </div>
 
-      <!-- Post Comments -->
-      {{ if in .Site.Params.mainSections .Type }}
-        <!-- waline -->
-        <div style="height: 50px;"></div>
-        <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 }}
+      {{ partial "components/comment.html" . }}
 
     </article>
 {{ partial "snippets/document-end.html" . }}
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 }}