From 9ef2588ea0287a7128e1345172e51e1b38bbcf1a Mon Sep 17 00:00:00 2001
From: DeepChirp <1434323966@qq.com>
Date: Mon, 14 Oct 2024 18:20:38 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20Artalk=20=E8=AF=84?=
 =?UTF-8?q?=E8=AE=BA=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _config.yml                          | 11 ++++++++++-
 layout/_partials/comments/artalk.ejs | 27 +++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 layout/_partials/comments/artalk.ejs

diff --git a/_config.yml b/_config.yml
index 6cc364d5..5ec9ca29 100644
--- a/_config.yml
+++ b/_config.yml
@@ -750,7 +750,7 @@ post:
     enable: false
     # 指定的插件，需要同时设置对应插件的必要参数
     # The specified plugin needs to set the necessary parameters at the same time
-    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis | giscus | discuss
+    # Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis | giscus | discuss | artalk
     type: disqus
 
 
@@ -912,6 +912,13 @@ discuss:
   serverURLs:
   path: window.location.pathname
 
+# Artalk
+# 由 Golang 驱动的自托管评论系统
+# Self-hosted commenting system driven by Golang
+# See: https://artalk.js.org
+artalk:
+  server:
+  site:
 
 #---------------------------
 # 归档页
@@ -1124,6 +1131,8 @@ static_prefix:
 
   discuss: https://lib.baomitu.com/discuss/1.2.1/
 
+  artalk: https://lib.baomitu.com/artalk/2.9.0/
+
   hint: https://lib.baomitu.com/hint.css/2.7.0/
 
   moment: https://lib.baomitu.com/moment.js/2.29.4/
diff --git a/layout/_partials/comments/artalk.ejs b/layout/_partials/comments/artalk.ejs
new file mode 100644
index 00000000..d2b0f4ca
--- /dev/null
+++ b/layout/_partials/comments/artalk.ejs
@@ -0,0 +1,27 @@
+<% if (theme.artalk && theme.artalk.server) { %>
+  <div id="artalk"></div>
+  <script type="text/javascript">
+    Fluid.utils.loadComments('#comments', function() {
+      Fluid.utils.createCssLink('<%= url_join(theme.static_prefix.artalk, 'Artalk.min.css') %>');
+      Fluid.utils.createScript('<%= url_join(theme.static_prefix.artalk, 'Artalk.min.js') %>', function() {
+        var schema = document.documentElement.getAttribute('data-user-color-scheme');
+        if (schema !== 'light' && schema !== 'dark') {
+          schema = 'light';
+        }
+        var options = Object.assign(
+          <%- JSON.stringify(theme.artalk || {}) %>,
+          {
+            el: document.querySelector('#artalk'),
+            pageKey: '<%= page.permalink %>',
+            pageTitle: '<%= page.title %>',
+            server: '<%= theme.artalk.server %>',
+            site: '<%= theme.artalk.site %>',
+            darkMode: schema === 'dark'
+          }
+        )
+        Artalk.init(options)
+      });
+    });
+  </script>
+  <noscript>Please enable JavaScript to view the comments</noscript>
+<% } %>