github
/
hexo-theme-icarus
mirror of https://github.com/ppoffice/hexo-theme-icarus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
hexo-theme-icarus/source/_posts/en/Donation-Buttons.md

5.8 KiB
Raw Blame History

title: Icarus User Guide - Donation Buttons date: 2017-01-31 categories:

This article covers donation button configurations supported by Icarus 3. If you need to display multiple donation buttons at once, add individual button configuration to the donates array like the following:

{% codeblock themes/icarus/_config.yml lang:yaml %} donates: - type: ... # Button 1 ... - type: ... # Button 2 ... {% endcodeblock %}

This article is also available in 简体中文.
The following donation buttons are provided by ppoffice/hexo-component-inferno. Please refer to it for a complete list of supported buttons and their configuration details.

Alipay

Installation Guide

  1. Log into Alipay and export payment QR code.

  2. Save the QR code picture to the asset directory of your Hexo website, or upload it to an image sharing service.

  3. Add the following configuration to your theme configurations:

    {% codeblock themes/icarus/_config.yml lang:yaml %} donates: - type: alipay # Path to your QR code image qrcode: /path/to/alipay/qrcode.png {% endcodeblock %}

Buy me a Coffee

Installation Guide

  1. Register for Buy me a Coffee and copy the URL to your personal page.

  2. Add the following configuration to your theme configurations:

    {% codeblock themes/icarus/_config.yml lang:yaml %} donates: - type: buymeacoffee # Path to your Buy me a Coffee personal page url: /path/to/buymeacoffee/personal/page {% endcodeblock %}

Paypal

Installation Guide

  1. Log into Paypal, click here to create a Paypal donation button.

  2. Select "Country/Region" and "Language" in the "Choose button style" page and click "Continue" to advance to the next page.

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-button-style.png 360 '"Choose Button Style - Paypal" "Choose Button Style - Paypal"' %}

  3. Select "Use account ID" or "Use email address" as the unique identifier of your account in the "Add organization details" page. Then, click "Continue" to go to the next page.

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-organization-details.png 360 '"Add Organization Details - Paypal" "Add Organization Details - Paypal"' %}

  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". Click "Finish and Get Code" to go to the next page.

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-donation-amount.png 360 '"Set Donation Amounts - Paypal" "Set Donation Amounts - Paypal"' %}

  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.

    {% img "box px-0 py-0 ml-auto mr-auto" /gallery/screenshots/paypal-get-code.png 360 '"Get Code - Paypal" "Get Code - Paypal"' %}

    For example, the following Paypal donation button code

    {% codeblock Paypal HTML code lang:html %}

    ... {% endcodeblock %}

    maps to the following configuration:

    {% codeblock themes/icarus/_config.yml lang:yaml %} donates: - type: paypal business: XXXXXXXXXXXXX currency_code: USD {% endcodeblock %}

Patreon

Installation Guide

  1. Register for Patreon and copy the URL to your personal page.

  2. Add the following configuration to your theme configurations:

    {% codeblock themes/icarus/_config.yml lang:yaml %} donate: - type: patreon # Path to your Patreon personal page url: /path/to/patreon/personal/page {% endcodeblock %}

WeChat

Installation Guide

  1. Log into WeChat and export payment QR code.

  2. Save the QR code picture to the asset directory of your Hexo website, or upload it to an image sharing service.

  3. Add the following configuration to your theme configurations:

    {% codeblock themes/icarus/_config.yml lang:yaml %} donates: - type: wechat # Path to your QR code image qrcode: /path/to/wechat/qrcode.png {% endcodeblock %}

Something wrong with this article? Click here to submit your revision.