From d8c9468c685f38476b241f82130a6ae59e28ad05 Mon Sep 17 00:00:00 2001
From: WingLim <643089849@qq.com>
Date: Fri, 1 Oct 2021 22:38:37 +0800
Subject: [PATCH] feat(comments): add Cusdis support (#372)

* feat: add cusdis support

* docs: add cusdis example config
---
 exampleSite/config.yaml                       |  4 ++++
 .../partials/comments/provider/cusdis.html    | 24 +++++++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 layouts/partials/comments/provider/cusdis.html

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 7b89960..dcf6c63 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -121,6 +121,10 @@ params:
             repo: 
             clientID: 
             clientSecret: 
+        
+        cusdis:
+            host: 
+            id: 
 
     widgets:
         enabled:
diff --git a/layouts/partials/comments/provider/cusdis.html b/layouts/partials/comments/provider/cusdis.html
new file mode 100644
index 0000000..71863f3
--- /dev/null
+++ b/layouts/partials/comments/provider/cusdis.html
@@ -0,0 +1,24 @@
+<div id="cusdis_thread"
+    {{ if .Site.Params.comments.cusdis.host }}
+    data-host="{{ .Site.Params.comments.cusdis.host }}"
+    {{ else }}
+    data-host="https://cusdis.com"
+    {{ end }}
+    data-app-id="{{ .Site.Params.comments.cusdis.id }}"
+    data-page-id="{{ .File.UniqueID }}"
+    data-page-url="{{ .Permalink }}"
+    data-page-title="{{ .Title }}"></div>
+<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
+
+<script>
+    function setCusdisTheme(theme) {
+        let cusdis = document.querySelector('#cusdis_thread iframe');
+        if (cusdis) {
+            window.CUSDIS.setTheme(theme)
+        }
+    }
+
+    window.addEventListener('onColorSchemeChange', (e) => {
+        setCusdisTheme(e.detail)
+    })
+</script>
\ No newline at end of file