feat(comment): add Waline

exampleSite/config.yaml

@@ -67,6 +67,19 @@ params:
             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:
             - search

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 -}}