chore(doc): update en donation button doc
ppoffice
parent
54e3ab867e
commit
20fcf6979c
|
|
@ -26,13 +26,16 @@ donates:
|
||||||
qrcode: /gallery/donate/wechat.jpg
|
qrcode: /gallery/donate/wechat.jpg
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="notification is-success is-size-6">
|
<article class="message message-immersive is-primary">
|
||||||
This article is also available in: <a href="{% post_path zh-CN/Donation-Buttons %}">简体中文</a>.
|
<div class="message-body">
|
||||||
|
<i class="fas fa-globe-asia mr-2"></i>
|
||||||
|
This article is also available in <a href="{% post_path zh-CN/Donation-Buttons %}">简体中文</a>.
|
||||||
</div>
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
This article covers some donation buttons supported by Icarus 3.
|
This article covers donation button configurations supported by Icarus 3.
|
||||||
If you need to display multiple donation buttons at once, simply add individual button configuration
|
If you need to display multiple donation buttons at once, add individual button configuration
|
||||||
to the `donates` array like this
|
to the `donates` array like the following:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donates:
|
donates:
|
||||||
|
|
@ -46,65 +49,67 @@ donates:
|
||||||
|
|
||||||
<!-- more -->
|
<!-- 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>
|
||||||
The donation button feature of Icarus is provided by
|
The following donation buttons are provided by
|
||||||
[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno).
|
<a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
|
||||||
Please refer to it for a complete list of supported buttons and their configurations.
|
Please refer to it for a complete list of supported buttons and their configuration details.
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</article>
|
||||||
|
|
||||||
## Alipay
|
## Alipay
|
||||||
|
|
||||||
**Installation Guide**
|
**Installation Guide**
|
||||||
|
|
||||||
Log into Alipay and export payment QR code. Save the picture to a photo or asset directory
|
1. Log into Alipay and export payment QR code.
|
||||||
of your Hexo website or upload it to an image sharing service.
|
2. Save the QR code picture to the asset directory of your Hexo website, or upload it to an image sharing service.
|
||||||
Then, add the following configuration to your theme's configuration file:
|
3. Add the following configuration to your theme configurations:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donates:
|
donates:
|
||||||
-
|
-
|
||||||
type: alipay
|
type: alipay
|
||||||
# Path to your QR code image
|
# Path to your QR code image
|
||||||
qrcode: /path/to/alipay/qrcode.png
|
qrcode: /path/to/alipay/qrcode.png
|
||||||
{% endcodeblock %}
|
{% endcodeblock %}
|
||||||
|
|
||||||
|
|
||||||
## Buy me a Coffee
|
## Buy me a Coffee
|
||||||
|
|
||||||
**Installation Guide**
|
**Installation Guide**
|
||||||
|
|
||||||
Register for [Buy me a Coffee](https://www.buymeacoffee.com/) and copy the URL to your personal page.
|
1. Register for [Buy me a Coffee](https://www.buymeacoffee.com/) and copy the URL to your personal page.
|
||||||
Add the following configuration to your theme's configuration file:
|
2. Add the following configuration to your theme configurations:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donates:
|
donates:
|
||||||
-
|
-
|
||||||
type: buymeacoffee
|
type: buymeacoffee
|
||||||
# Path to your Buy me a Coffee personal page
|
# Path to your Buy me a Coffee personal page
|
||||||
url: /path/to/buymeacoffee/personal/page
|
url: /path/to/buymeacoffee/personal/page
|
||||||
{% endcodeblock %}
|
{% endcodeblock %}
|
||||||
|
|
||||||
## Paypal
|
## Paypal
|
||||||
|
|
||||||
**Installation Guide**
|
**Installation Guide**
|
||||||
|
|
||||||
1. Register and log into Paypal, click [here](https://www.paypal.com/donate/buttons/) to make a Paypal donation
|
1. Log into Paypal, click [here](https://www.paypal.com/donate/buttons/) to create a Paypal donation button.
|
||||||
button.
|
|
||||||
|
|
||||||
2. Select correct "Country/Region" and "Language" in the "Choose button style" page, click "Continue" to
|
2. Select "Country/Region" and "Language" in the "Choose button style" page and click "Continue" to
|
||||||
advance to the next page.
|
advance to the next page.
|
||||||
|
|
||||||
3. Select "Use account ID" or "Use email addres" as the unique identifier of your account in the "Add organization
|
3. Select "Use account ID" or "Use email address" as the unique identifier of your account in the "Add organization
|
||||||
details" page. Click "Continue" to go to the next page.
|
details" page.
|
||||||
|
Then, click "Continue" to go to the next page.
|
||||||
|
|
||||||
4. Set the correct "Currency you'll receive donations in" and "Amount donors can give" to "Any amount" in the
|
4. Choose the "Currency you'll receive donations in" and set "Amount donors can give" to "Any amount" in the
|
||||||
"Set donation amounts" page. We currently do not support the option of donating in "An exact amount".
|
"Set donation amounts" page.
|
||||||
|
We currently do not support the option of donating in "An exact amount".
|
||||||
Click "Finish and Get Code" to go to the next page.
|
Click "Finish and Get Code" to go to the next page.
|
||||||
|
|
||||||
5. Copy `business` and `currency_code` from the "Button HTML" on the page. Put them to the theme's configuration.
|
5. Copy `business` and `currency_code` from the "Button HTML" on the page.
|
||||||
|
Put them to the `business` and `currency_code` settings in your theme configurations.
|
||||||
For example, the following Paypal donation button code
|
For example, the following Paypal donation button code
|
||||||
|
|
||||||
{% codeblock Paypal HTML code lang:html %}
|
{% codeblock Paypal HTML code lang:html %}
|
||||||
|
|
@ -116,7 +121,7 @@ donates:
|
||||||
</form>
|
</form>
|
||||||
{% endcodeblock %}
|
{% endcodeblock %}
|
||||||
|
|
||||||
is translated into this configuration
|
maps to the following configuration:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donates:
|
donates:
|
||||||
|
|
@ -130,34 +135,37 @@ donates:
|
||||||
|
|
||||||
**Installation Guide**
|
**Installation Guide**
|
||||||
|
|
||||||
Register for [Patreon](https://www.patreon.com/) and copy the URL to your personal page.
|
1. Register for [Patreon](https://www.patreon.com/) and copy the URL to your personal page.
|
||||||
Add the following configuration to your theme's configuration file:
|
2. Add the following configuration to your theme configurations:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donate:
|
donate:
|
||||||
-
|
-
|
||||||
type: patreon
|
type: patreon
|
||||||
# Path to your Patreon personal page
|
# Path to your Patreon personal page
|
||||||
url: /path/to/patreon/personal/page
|
url: /path/to/patreon/personal/page
|
||||||
{% endcodeblock %}
|
{% endcodeblock %}
|
||||||
|
|
||||||
## WeChat
|
## WeChat
|
||||||
|
|
||||||
**Installation Guide**
|
**Installation Guide**
|
||||||
|
|
||||||
Log into WeChat and export payment QR code. Save the picture to a photo or asset directory
|
1. Log into WeChat and export payment QR code.
|
||||||
of your Hexo website or upload it to an image sharing service.
|
2. Save the QR code picture to the asset directory of your Hexo website, or upload it to an image sharing service.
|
||||||
Then, add the following configuration to your theme's configuration file:
|
3. Add the following configuration to your theme configurations:
|
||||||
|
|
||||||
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
{% codeblock themes/icarus/_config.yml lang:yaml %}
|
||||||
donates:
|
donates:
|
||||||
-
|
-
|
||||||
type: wechat
|
type: wechat
|
||||||
# Path to your QR code image
|
# Path to your QR code image
|
||||||
qrcode: /path/to/wechat/qrcode.png
|
qrcode: /path/to/wechat/qrcode.png
|
||||||
{% endcodeblock %}
|
{% endcodeblock %}
|
||||||
|
|
||||||
|
|
||||||
<div class="notification is-warning is-size-6">
|
<article class="message message-immersive is-warning">
|
||||||
Something wrong with this article? Click <a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/Donation-Buttons.md">here</a> to submit your revision.
|
<div class="message-body">
|
||||||
|
<i class="fas fa-question-circle mr-2"></i>
|
||||||
|
Something wrong with this article? Click <a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/Donation-Button.md">here</a> to submit your revision.
|
||||||
</div>
|
</div>
|
||||||
|
</article>
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 35 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 46 KiB |
Loading…
Reference in New Issue