Icarus User Guide - Donation Buttons

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

_config.icarus.yml
1
2
3
4
5
6
7
donates:
-
type: ... # Button 1
...
-
type: ... # Button 2
...
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.

Afdian.net

Installation Guide

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

  2. Add the following configuration to your theme configurations:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donates:
    -
    type: afdian
    # Path to your afdian.net personal page
    url: /path/to/afdian.net/personal/page

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:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donates:
    -
    type: alipay
    # Path to your QR code image
    qrcode: /path/to/alipay/qrcode.png

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:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donates:
    -
    type: buymeacoffee
    # Path to your Buy me a Coffee personal page
    url: /path/to/buymeacoffee/personal/page

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.

    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.

    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.

    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.

    Get Code - Paypal

    For example, the following Paypal donation button code:

    Paypal HTML code
    1
    2
    3
    4
    5
    6
    <form action="https://www.paypal.com/cgi-bin/webscr" ...>
    <input type="hidden" name="cmd" value="_donations" />
    <input type="hidden" name="business" value="XXXXXXXXXXXXX" />
    <input type="hidden" name="currency_code" value="USD" />
    ...
    </form>

    maps to the following configuration:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donates:
    -
    type: paypal
    business: XXXXXXXXXXXXX
    currency_code: USD

Patreon

Installation Guide

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

  2. Add the following configuration to your theme configurations:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donate:
    -
    type: patreon
    # Path to your Patreon personal page
    url: /path/to/patreon/personal/page

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:

    _config.icarus.yml
    1
    2
    3
    4
    5
    donates:
    -
    type: wechat
    # Path to your QR code image
    qrcode: /path/to/wechat/qrcode.png
Something wrong with this article? Click here to submit your revision.
Author

PPOffice

Posted on

2017-01-31

Licensed under

CC BY-NC-SA 4.0

Your browser is out-of-date!

Update your browser to view this website correctly.&npsb;Update my browser now

×