From 4e1f7698930ecf60c52685d95cc6c5c989d7a4f9 Mon Sep 17 00:00:00 2001
From: ciallowo <76084546+ciallowo@users.noreply.github.com>
Date: Sun, 2 May 2021 00:17:39 +0800
Subject: [PATCH] feat(comment): add Waline

---
 exampleSite/config.yaml                       | 13 ++++++++
 .../partials/comments/provider/waline.html    | 31 +++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 layouts/partials/comments/provider/waline.html

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 2910cbb..9fa81ff 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -66,6 +66,19 @@ params:
             repo:
             clientId:
             clientSecret:
+    
+        # Waline 前端配置参见 https://waline.js.org/client/basic.html
+        # Waline client configuration see: https://waline.js.org/en/client/basic.html
+        waline:
+            serverURL:
+            placeholder: 
+            wordLimit:
+            avatar:
+            avatarCDN:
+            emojiCDN:
+            guest_info: "nick,mail,link"
+            requiredFields:
+            admin:
 
     widgets:
         enabled:
diff --git a/layouts/partials/comments/provider/waline.html b/layouts/partials/comments/provider/waline.html
new file mode 100644
index 0000000..76db47e
--- /dev/null
+++ b/layouts/partials/comments/provider/waline.html
@@ -0,0 +1,31 @@
+<script src='//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js'></script>
+<div id="waline" class="waline-container"></div>
+<style>
+    .waline-container {
+        background-color: var(--card-background);
+        border-radius: var(--card-border-radius);
+        box-shadow: var(--shadow-l1);
+        padding: var(--card-padding);
+    }
+</style>
+
+{{- with .Site.Params.comments.waline -}}
+<script>
+	// 本页配置参见 https://waline.js.org/client/basic.html
+    // Waline client configuration see: https://waline.js.org/en/client/basic.html
+	new Waline({
+        el: '#waline',
+        serverURL: '{{ .serverURL }}',
+        placeholder: '{{ .placeholder }}',
+        wordLimit: '{{ .wordLimit }}',
+        avatar: '{{ .avatar }}',
+        avatarCDN: '{{ .avatarCDN }}',
+        emojiCDN: '{{ .emojiCDN }}',
+        guest_info: '{{ .guest_info }}',
+        requiredFields: '{{ .requiredFields }}',
+        langMode: {
+            admin: '{{ .admin }}'
+        },
+	});
+</script>
+{{- end -}}