chore(doc): update zh-CN donation buttons doc

source/_posts/en/Donation-Buttons.md

@@ -122,7 +122,7 @@ Please refer to it for a complete list of supported buttons and their configurat
    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-get-code.png 360 '"Get Code - Paypal" "Get Code - Paypal"' %}
    <br>
 
-   For example, the following Paypal donation button code
+   For example, the following Paypal donation button code:
 
     {% codeblock Paypal HTML code lang:html %}
     <form action="https://www.paypal.com/cgi-bin/webscr" ...>

source/_posts/zh-CN/Comment-Plugins.md

@@ -13,7 +13,7 @@ providers:
     iconcdn: loli
 ---
 
-本文介绍Icarus 3支持的一些用户评论插件的安装配置。
+本文介绍Icarus 3支持的用户评论插件的安装配置。
 
 <article class="message message-immersive is-primary">
 <div class="message-body">

source/_posts/zh-CN/Donation-Buttons.md

@@ -30,11 +30,8 @@ providers:
     iconcdn: loli
 ---
 
-<div class="notification is-success is-size-6">
+本文介绍Icarus 3支持的赞赏按钮的安装配置。
-本文同时提供以下语言的翻译：<a href="{% post_path en/Donation-Buttons %}">English</a>。
+若需同时展示多个按钮，只需像如下这样在主题配置的`donates`数组中添加多个按钮配置：
-</div>
-
-本文介绍Icarus 3支持的一些赞赏按钮的安装配置。若需同时展示多个按钮，只需在主题配置的`donates`数组中添加多个按钮配置，例如
 
 {% codeblock themes/icarus/_config.yml lang:yaml %}
 donates:
@@ -46,15 +43,19 @@ donates:
         ...
 {% endcodeblock %}
 
+<article class="message message-immersive is-primary">
+<div class="message-body">
+<i class="fas fa-globe-americas mr-2"></i>本文同时提供以下语言的翻译：<a href="{% post_path en/Donation-Buttons %}">English</a>。
+</div>
+</article>
+
 <!-- more -->
 
-
+<article class="message message-immersive is-primary">
-<div class="notification is-link is-size-6">
+<div class="message-body">
-
+<i class="fas fa-info-circle mr-2"></i>下面的赞赏按钮由<a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>提供，完整的支持按钮列表和配置详情以其为准。
-Icarus的赞赏按钮由[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno)
-提供，具体提供的按钮种类与配置以其为准。
-
 </div>
+</article>
 
 <style>
 .content ol:not([type]) {
@@ -66,48 +67,71 @@ Icarus的赞赏按钮由[ppoffice/hexo-component-inferno](https://github.com/ppo
 
 **安装指南**
 
-登录支付宝并导出个人支付二维码图片放置在网站的图片或附件文件夹下，或上传至图床，然后在主题配置中添加如下配置项：
+1. 登录支付宝并导出个人支付二维码图片。
 
-{% codeblock themes/icarus/_config.yml lang:yaml %}
+2. 将二维码图片保存到你的Hexo网站的附件文件夹下，或将它上传至图床。
-donates:
+
+3. 向主题配置中添加如下配置：
+
+    {% codeblock themes/icarus/_config.yml lang:yaml %}
+    donates:
         -
             type: alipay
             # 支付宝二维码图片地址
             qrcode: /path/to/alipay/qrcode.png
-{% endcodeblock %}
+    {% endcodeblock %}
 
 
 ## Buy me a Coffee
 
 **安装指南**
 
-注册[Buy me a Coffee](https://www.buymeacoffee.com/)并复制个人赞助页面的地址，填写到如下主题配置中：
+1. 注册[Buy me a Coffee](https://www.buymeacoffee.com/)并复制个人页面的地址。
 
-{% codeblock themes/icarus/_config.yml lang:yaml %}
+2. 将如下配置添加到主题配置中：
-donates:
+
+    {% codeblock themes/icarus/_config.yml lang:yaml %}
+    donates:
         -
             type: buymeacoffee
             # 个人赞助页面的地址
             url: /path/to/buymeacoffee/personal/page
-{% endcodeblock %}
+    {% endcodeblock %}
 
 ## Paypal
 
 **安装指南**
 
-1. 注册并登录Paypal，点击[此链接](https://www.paypal.com/donate/buttons/)来创建Paypal捐赠按钮。
+1. 登录Paypal，点击[此处](https://www.paypal.com/donate/buttons/)来创建一个Paypal捐赠按钮。
 
-2. 在选择按钮样式(Choose button style)页面正确填写“国家/地区”(Country/Region)，“语言”(Language)后，点击“继续”(Continue)
+2. 在“选择按钮样式”(Choose button style)页面选择“国家/地区”(Country/Region)和“语言”(Language)，点击“继续”(Continue)
    进入下一页面。
 
-3. 在添加机构详情(Add organization details)页面中，选择“使用账号ID”(Use account ID)或“使用Email地址”(Use email address)
+   {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-button-style.png 360 '"选择按钮样式 - Paypal" "选择按钮样式 - Paypal"' %}
-   作为唯一账号标识符。点击“继续”(Continue)进入下一页面。
+   <br>
 
-4. 在“设置捐赠数额”(Set donation amounts)页面选择你要“接收的货币种类”(Currency you'll receive donations in)，捐赠数额选择
+3. 在“添加机构详情”(Add organization details)页面中，选择“使用账号ID”(Use account ID)或“使用Email地址”(Use email address)
-   “任意数额”(Any amount)。此按钮暂不支持指定数额的捐赠选项。点击“结束并获取代码”(Finish and Get Code)按钮进入下一页面。
+   作为唯一账号标识符。
+   然后点击“继续”(Continue)进入下一页面。
 
-5. 从页面上的“按钮HTML代码”(Button HTML)中复制`business`和`currency_code`两项的值并填写到主题配置中。例如，下方的Paypal按钮
+   {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-organization-details.png 360 '"添加机构详情 - Paypal" "添加机构详情 - Paypal"' %}
-   代码
+   <br>
+
+4. 在“设置捐赠数额”(Set donation amounts)页面选择“接收的货币种类”(Currency you'll receive donations in)，捐赠数额选择
+   “任意数额”(Any amount)。
+   此捐赠按钮暂不支持“指定数额”的捐赠选项。
+   点击“结束并获取代码”(Finish and Get Code)按钮进入下一页面。
+
+   {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-donation-amount.png 360 '"设置捐赠数额 - Paypal" "设置捐赠数额 - Paypal"' %}
+   <br>
+
+5. 从“按钮HTML代码”(Button HTML)页面中复制`business`和`currency_code`两项的值。
+   将它们填写到主题配置的`business`和`currency_code`设置中。
+
+   {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-get-code.png 360 '"获取代码 - Paypal" "获取代码 - Paypal"' %}
+   <br>
+
+   例如，下方的Paypal捐赠按钮代码：
 
     {% codeblock Paypal按钮HTML代码 lang:html %}
     <form action="https://www.paypal.com/cgi-bin/webscr" ...>
@@ -118,7 +142,7 @@ donates:
     </form>
     {% endcodeblock %}
 
-    对应的主题配置为
+    对应的主题配置为:
 
     {% codeblock themes/icarus/_config.yml lang:yaml %}
     donates:
@@ -132,31 +156,39 @@ donates:
 
 **安装指南**
 
-注册[Patreon](https://www.patreon.com/)并复制个人赞助页面的地址，填写到如下主题配置中：
+1. 注册[Patreon](https://www.patreon.com/)并复制个人页面的URL地址。
 
-{% codeblock themes/icarus/_config.yml lang:yaml %}
+2. 将如下配置添加到主题配置中：
-donate:
+
+    {% codeblock themes/icarus/_config.yml lang:yaml %}
+    donate:
         -
             type: patreon
             # 个人赞助页面的地址
             url: /path/to/patreon/personal/page
-{% endcodeblock %}
+    {% endcodeblock %}
 
 ## 微信
 
 **安装指南**
 
-登录微信并导出个人支付二维码图片放置在网站的图片或附件文件夹下，或上传至图床，然后在主题配置中添加如下配置项：
+1. 登录微信并导出个人支付二维码图片。
 
-{% codeblock themes/icarus/_config.yml lang:yaml %}
+2. 将二维码图片保存到你的Hexo网站的附件文件夹下，或将它上传至图床。
-donates:
+
+3. 向主题配置中添加如下配置：
+
+    {% codeblock themes/icarus/_config.yml lang:yaml %}
+    donates:
         -
             type: wechat
             # 微信二维码图片地址
             qrcode: /path/to/wechat/qrcode.png
-{% endcodeblock %}
+    {% endcodeblock %}
 
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-文章内容有误？请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Donation-Buttons.md">此处</a>提交修改。
+<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/Donation-Buttons.md">此处</a>提交修改。
 </div>
+</article>

themes/icarus

@@ -1 +1 @@
-Subproject commit 4d65dd13855a7d2ed2526867e024eb2240be1438
+Subproject commit 1b2c8a8049732916f0434156b33552ac274ec040