This article covers share buttons supported by Icarus 5.

AddThis

1. Register for AddThis. Select the “Share Buttons” on the “Select a Tool” page after submitting the registration form.

   
   

2. Select the style and buttons on the “Select a Tool Type” page and click “Continue”.

   
   

3. Make further customizations on the next page and click the “Activate Tool” button when finished.

   
   

4. Find the HTML code from the “Get The Code” page, copy the URL in the src attribute to the share button configuration.

   

   For example, the URL in the following AddThis code:

   1 2	<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxx"></script>

   maps to the following theme configuration:

   1 2 3

   share: type: addthis install_url: //s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxx

AddToAny

1. You can activate AddToAny without user registration. Just put the following code to your theme configurations:

   1 2	share: type: addtoany

Take the following steps if you want to customize the share buttons:

1. Visit AddToAny official site and click on the “Get the Share Button”.

2. Then, select “Any Website” and complete the configuration of the buttons.

   
   

3. Click “Get Button Code” after you finish.

   
   

4. Since the share buttons of Icarus is provided by ppoffice/hexo-component-inferno, you need to copy the layout file (src/view/share/addtoany.jsx) of AddToAny from this repository to <icarus_directory>/layout/share/addtoany.jsx. Then, replace the AddToAny code in addtoany.jsx and fix the package import in the file header.

   For example, assume the following code is what you get from the last step:

   1 2 3 4 5 6 7 8 9

   <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> <a class="a2a_dd" href="https://www.addtoany.com/share"></a> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_email"></a> </div> <script async src="https://static.addtoany.com/menu/page.js"></script>

   then you should make the following changes to addtoany.jsx:

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

   const { Component, Fragment } = require('inferno'); - const { cacheComponent } = require('../../util/cache'); + const { cacheComponent } = require('hexo-component-inferno/lib/util/cache'); ...Some code is skipped here... class AddToAny extends Component { render() { return <Fragment> - <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> - <a class="a2a_dd" href="https://www.addtoany.com/share"></a> - <a class="a2a_button_facebook"></a> - <a class="a2a_button_twitter"></a> - <a class="a2a_button_telegram"></a> - <a class="a2a_button_whatsapp"></a> - <a class="a2a_button_reddit"></a> - </div> - <script src="https://static.addtoany.com/menu/page.js" defer={true}></script> + <!-- AddToAny HTML code you just got... --> + <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> + <a class="a2a_dd" href="https://www.addtoany.com/share"></a> + <a class="a2a_button_facebook"></a> + <a class="a2a_button_twitter"></a> + <a class="a2a_button_email"></a> + </div> + <script async src="https://static.addtoany.com/menu/page.js"></script> </Fragment>; } } ...The following code is skipped here...

Installation Guide

1. You can activate Baidu Share without user registration. Just put the following code to your theme configurations:

   1 2	share: type: bdshare

1. You can activate Share.js without user registration. Just put the following code to your theme configurations:

   1 2	share: type: sharejs

2. (Optional) Please refer to the customization steps in the AddToAny section and the share.js homepage for information about customizing the share buttons.

1. Visit ShareThis and click the “Start with Share Buttons” button on the page.

2. Select the type of buttons you need on the “Choose type of sharing button” page. Don’t enable the “GDPR compliance tool” since it may cause issues. You can also make advanced adjustments by clicking the “Customize your share buttons” link. Click “Next” when you are done.

   
   

3. Select “HTML” on the “Choose your CMS platform” page and click “Next”.

   
   

4. Enter your email and password to finish the registration for ShareThis on the “Register and get the code!” page.

5. Finally, copy the src URL from the HTML code fragment to the share button configuration.

   

   For example, the following ShareThis code:

   1	<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=xxxxxxxxxxxxx&product=inline-share-buttons" async="async"></script>

   maps to the following theme configuration:

   1 2 3

   share: type: sharethis install_url: https://platform-api.sharethis.com/js/sharethis.js#property=xxxxxxxxxxxxx&product=inline-share-buttons