From 325303a7f85bd95f7937325a9495744c56ce3935 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=85=95=E6=9E=ABGo?= <javakang@qq.com>
Date: Tue, 27 Apr 2021 00:27:44 +0800
Subject: [PATCH] feat: add Vssue comment (#197)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 添加Vssue评论插件

* 修复默认代理过期问题

* style(comment/vssue): format html

Co-authored-by: Jimmy Cai <github@jimmycai.com>
---
 exampleSite/config.yaml                       |  7 +++++
 layouts/partials/comments/provider/vssue.html | 27 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 layouts/partials/comments/provider/vssue.html

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 0c5c72f..2910cbb 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -60,6 +60,13 @@ params:
             site:
             locale:
 
+        vssue:
+            platform:
+            owner:
+            repo:
+            clientId:
+            clientSecret:
+
     widgets:
         enabled:
             - search
diff --git a/layouts/partials/comments/provider/vssue.html b/layouts/partials/comments/provider/vssue.html
new file mode 100644
index 0000000..7072778
--- /dev/null
+++ b/layouts/partials/comments/provider/vssue.html
@@ -0,0 +1,27 @@
+{{- with .Site.Params.comments.vssue -}}
+<link rel="stylesheet" href="https://unpkg.com/vssue/dist/vssue.min.css" />
+
+<div id="vssue"></div>
+
+<script src="https://unpkg.com/vue/dist/vue.runtime.min.js"></script>
+<script src="https://unpkg.com/vssue/dist/vssue.{{ .platform }}.min.js"></script>
+
+<script>
+    new Vue({
+        el: "#vssue",
+        render: (h) =>
+            h("Vssue", {
+                props: {
+                    title: "{{ $.Title }}",
+                    options: {
+                        proxy: (url) => "https://cors-anywhere.azm.workers.dev/" + url,
+                        owner: "{{ .owner }}",
+                        repo: "{{ .repo }}",
+                        clientId: "{{ .clientId }}",
+                        clientSecret: "{{ .clientSecret }}",
+                    },
+                },
+            }),
+    });
+</script>
+{{- end -}}