From 352beb424ff9a6783849078081f291bdf7f2d47c Mon Sep 17 00:00:00 2001
From: ppoffice <ppoffice@users.noreply.github.com>
Date: Sun, 27 Jun 2021 02:57:39 +0000
Subject: [PATCH] feat(doc): add docs about Waline comment plugin

---
 source/_posts/demo/comment/Waline.md   | 37 ++++++++++++++++++++++++
 source/_posts/en/Comment-Plugins.md    | 39 ++++++++++++++++++++++++++
 source/_posts/zh-CN/Comment-Plugins.md | 38 +++++++++++++++++++++++++
 3 files changed, 114 insertions(+)
 create mode 100644 source/_posts/demo/comment/Waline.md

diff --git a/source/_posts/demo/comment/Waline.md b/source/_posts/demo/comment/Waline.md
new file mode 100644
index 0000000..fe63bdc
--- /dev/null
+++ b/source/_posts/demo/comment/Waline.md
@@ -0,0 +1,37 @@
+title: Waline Comment Plugin
+date: 2015-01-01
+tags:
+- Demo
+comment:
+    type: waline
+    server_url: https://icarus-waline-comment.vercel.app
+    lang: en-US
+    visitor: false
+    emoji:
+        - 'https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo'
+    dark: auto
+    meta:
+        - nick
+        - mail
+        - link
+    required_meta:
+    login: enable
+    avatar: mp
+    word_limit: 0
+    page_size: 10
+    avatar_cdn: 'https://sdn.geekzu.org/avatar/'
+    avatar_force: false
+    highlight: true
+    math_tag_support: false
+    copyright: true
+    locale:
+        placeholder: 'Comment here...'
+---
+
+<article class="message message-immersive is-warning">
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>This page is for demonstration only.
+Please report your issues with this plugin to 
+<a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
+</div>
+</article>
diff --git a/source/_posts/en/Comment-Plugins.md b/source/_posts/en/Comment-Plugins.md
index 0e62564..2042532 100644
--- a/source/_posts/en/Comment-Plugins.md
+++ b/source/_posts/en/Comment-Plugins.md
@@ -476,6 +476,45 @@ services until this issue has been fixed.
     {% endcodeblock %}
 
 
+## Waline
+
+<div>
+<strong>Installation Guide</strong><a class="tag is-success ml-2" href="{% post_path demo/comment/Waline %}">Preview</a>
+</div>
+
+1. Create a LeanCloud application and a Vercel project following the [Get Started](https://waline.js.org/en/guide/get-started.html) guide.
+
+2. Copy the "Server URL" of your Vercel project to the corresponding setting in the theme configurations.
+   It is usually something like `https://your-domain.vercel.app`.
+   In addition, you can refer to the [Client Configuration](https://waline.js.org/en/reference/client.html) to find out more
+   details and possible values of the optional settings.
+   Here is an example configuration:
+
+    {% codeblock _config.icarus.yml lang:yaml %}
+    comment:
+        type: waline
+        server_url: https://your-domain.vercel.app
+        lang: zh-CN                                   # Optional
+        visitor: false                                # Optional
+        emoji:                                        # Optional
+          - 'https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo'
+        dark: auto                                    # Optional
+        meta: ["nick", "mail", "link"]                # Optional
+        required_meta: []                             # Optional
+        login: enable                                 # Optional
+        avatar: mp                                    # Optional
+        word_limit: 0                                 # Optional
+        page_size: 10                                 # Optional
+        avatar_cdn: 'https://sdn.geekzu.org/avatar/'  # Optional
+        avatar_force: false                           # Optional
+        highlight: true                               # Optional
+        math_tag_support: false                       # Optional
+        copyright: true                               # Optional
+        locale:                                       # Optional
+          - placeholder: 'Comment here...'
+    {% endcodeblock %}
+
+
 <article class="message message-immersive is-warning">
 <div class="message-body">
 <i class="fas fa-question-circle mr-2"></i>Something wrong with this article? 
diff --git a/source/_posts/zh-CN/Comment-Plugins.md b/source/_posts/zh-CN/Comment-Plugins.md
index 9d33fad..23eaf93 100644
--- a/source/_posts/zh-CN/Comment-Plugins.md
+++ b/source/_posts/zh-CN/Comment-Plugins.md
@@ -472,6 +472,44 @@ IP地址 (<a href="https://github.com/xCss/Valine/issues/336" target="_blank" re
     {% endcodeblock %}
 
 
+## Waline
+
+<div>
+<strong>安装指南</strong><a class="tag is-success ml-2" href="{% post_path demo/comment/Waline %}">在线预览</a>
+</div>
+
+1. 按照[快速上手](https://waline.js.org/guide/get-started.html)创建LeanCloud应用和Vercel项目。
+
+2. 将你Vercel项目的”服务器地址“(Server URL)复制到主题配置的对应配置项中。
+   通常它类似于`https://your-domain.vercel.app`。
+   此外，你可以参考[前端配置](https://waline.js.org/reference/client.html)来了解可选配置项的详情和可能的配置值。
+   下面是示例配置：
+
+    {% codeblock _config.icarus.yml lang:yaml %}
+    comment:
+        type: waline
+        server_url: https://your-domain.vercel.app
+        lang: zh-CN                                   # 可选填
+        visitor: false                                # 可选填
+        emoji:                                        # 可选填
+          - 'https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo'
+        dark: auto                                    # 可选填
+        meta: ["nick", "mail", "link"]                # 可选填
+        required_meta: []                             # 可选填
+        login: enable                                 # 可选填
+        avatar: mp                                    # 可选填
+        word_limit: 0                                 # 可选填
+        page_size: 10                                 # 可选填
+        avatar_cdn: 'https://sdn.geekzu.org/avatar/'  # 可选填
+        avatar_force: false                           # 可选填
+        highlight: true                               # 可选填
+        math_tag_support: false                       # 可选填
+        copyright: true                               # 可选填
+        locale:                                       # 可选填
+          - placeholder: 'Comment here...'
+    {% endcodeblock %}
+
+
 <article class="message message-immersive is-warning">
 <div class="message-body">
 <i class="fas fa-question-circle mr-2"></i>文章内容有误？请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Comment-Plugins.md">此处</a>提交修改。