-
-The CDN-related functionalities of Icarus are provided by
-[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno).
-Please refer to it for a complete list of supported providers and their configurations.
-
+
+
+
The following CDN functionalities are provided by
+
ppoffice/hexo-component-inferno.
+Please refer to it for a complete list of supported providers and their configuration details.
## Built-in CDN providers
-Currently, you can choose between these built-in providers:
+Currently, Icarus offers the following built-in CDN providers:
- **CDNs for JavaScript Libraries**
- cdnjs.com (`cdnjs`)
@@ -62,7 +65,7 @@ The template formats for each type of CDN provider are listed below:
https://some.cdn.domain.name/${package}/${version}/${filename}
{% endcodeblock %}
-You need to replace the actual package name, version of the package and relative file path with `${package}`,
+You need to replace the actual package name, version of the package, and relative file path with `${package}`,
`${version}`, and `${filename}` placeholders.
For example, a JavaScript library with the following URL
@@ -76,8 +79,7 @@ can be generalized to this
https://unpkg.com/${package}@${version}/${filename}
{% endcodeblock %}
-Some CDN providers may adopt different URL schemes where the package name and file path for a library
-are not exactly the same.
+Some CDN providers may adopt different URL schemes.
For example, the `moment.js` library has the URL like this on CDN.js:
{% codeblock "CDN.js CDN URL Example" %}
@@ -120,7 +122,7 @@ The provided custom CDN should at lease have FontAwesome 5 icons as some of them
https://custom.fontawesome.mirror/some.stylesheet.css
{% endcodeblock %}
-All of the above should be put in the `providers` section of theme configuration file:
+All of the above should be put in the `providers` section of the theme configurations:
{% codeblock themes/icarus/_config.yml lang:yaml %}
providers:
@@ -136,6 +138,10 @@ CDN support.
You can check them out at [ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno/blob/0.2.3/src/hexo/helper/cdn.js).
-
-Something wrong with this article? Click
here to submit your revision.
+
+
+
Something wrong with this article?
+Click
here
+to submit your revision.
diff --git a/source/_posts/en/Donation-Buttons.md b/source/_posts/en/Donation-Buttons.md
index 2098d54..9446793 100644
--- a/source/_posts/en/Donation-Buttons.md
+++ b/source/_posts/en/Donation-Buttons.md
@@ -98,17 +98,30 @@ Please refer to it for a complete list of supported buttons and their configurat
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 %}
diff --git a/source/_posts/en/Other-Plugins.md b/source/_posts/en/Other-Plugins.md
index 52c1f63..21eaf56 100644
--- a/source/_posts/en/Other-Plugins.md
+++ b/source/_posts/en/Other-Plugins.md
@@ -7,6 +7,15 @@ tags:
- Icarus User Guide
language: en
toc: true
+plugins:
+ animejs: true
+ back_to_top: true
+ gallery: true
+ google_analytics:
+ tracking_id: UA-72437521-5
+ mathjax: true
+ outdated_browser: true
+ progressbar: true
---
diff --git a/source/_posts/zh-CN/Other-Plugins.md b/source/_posts/zh-CN/Other-Plugins.md
index 6371946..9cd6b60 100644
--- a/source/_posts/zh-CN/Other-Plugins.md
+++ b/source/_posts/zh-CN/Other-Plugins.md
@@ -7,6 +7,15 @@ tags:
- Icarus用户指南
language: zh-CN
toc: true
+plugins:
+ animejs: true
+ back_to_top: true
+ gallery: true
+ google_analytics:
+ tracking_id: UA-72437521-5
+ mathjax: true
+ outdated_browser: true
+ progressbar: true
providers:
cdn: loli
fontcdn: loli
diff --git a/source/gallery/screenshots/paypal-button-style.png b/source/gallery/screenshots/paypal-button-style.png
new file mode 100644
index 0000000..c5f53f7
Binary files /dev/null and b/source/gallery/screenshots/paypal-button-style.png differ
diff --git a/source/gallery/screenshots/paypal-donation-amount.png b/source/gallery/screenshots/paypal-donation-amount.png
new file mode 100644
index 0000000..9611eca
Binary files /dev/null and b/source/gallery/screenshots/paypal-donation-amount.png differ
diff --git a/source/gallery/screenshots/paypal-get-code.png b/source/gallery/screenshots/paypal-get-code.png
new file mode 100644
index 0000000..d3b96ba
Binary files /dev/null and b/source/gallery/screenshots/paypal-get-code.png differ
diff --git a/source/gallery/screenshots/paypal-organization-details.png b/source/gallery/screenshots/paypal-organization-details.png
new file mode 100644
index 0000000..e44de59
Binary files /dev/null and b/source/gallery/screenshots/paypal-organization-details.png differ