Add logo image to OpenGraph metadata and enhance dark mode styles for share buttons

Author: sineeli

_config.icarus.yml

@@ -48,7 +48,7 @@ head:
         url: 
         # Page cover (og:image) (optional)
         # You should leave this blank for most of the time
-        image: 
+        image: /img/logo.svg 
         # Site name (og:site_name) (optional)
         # You should leave this blank for most of the time
         site_name: 
@@ -93,7 +93,7 @@ head:
         publisher_logo: 
         # Page images (optional)
         # You should leave this blank for most of the time
-        image: 
+        image: /img/logo.svg 
     # Additional HTML meta tags in an array
     meta:
         # Meta tag specified in <attribute>=<value> style

themes/icarus/include/style/dark-mode.styl

@@ -284,6 +284,20 @@ html, body, .card, .navbar-main, .footer, a, .content, .title, p, h1, h2, h3, h4
     display: flex !important
     justify-content: center !important
     align-items: center !important
+    min-height: 32px
+    margin-top: 1rem
+    
+    /* Show placeholders before script loads */
+    a
+        display: inline-block
+        width: 32px
+        height: 32px
+        margin: 0 4px
+        background-color: #0166ff
+        border-radius: 4px
+        
+        &:hover
+            opacity: 0.8
 
 /* Post card separator line - lighter gray */
 .card-content hr,

themes/icarus/layout/share/addtoany.jsx

@@ -0,0 +1,45 @@
+/**
+ * AddToAny share buttons JSX component without defer.
+ * @module view/share/addtoany
+ */
+const { Component, Fragment } = require('inferno');
+const { cacheComponent } = require('hexo-component-inferno/lib/util/cache');
+
+/**
+ * AddToAny share buttons JSX component.
+ *
+ * @see https://www.addtoany.com/buttons/
+ * @example
+ * <AddToAny />
+ */
+class AddToAny extends Component {
+    render() {
+        return <Fragment>
+            <div class="a2a_kit a2a_kit_size_32 a2a_default_style">
+                <a class="a2a_dd" target="_blank" rel="noopener" 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"></script>
+        </Fragment>;
+    }
+}
+
+/**
+ * Cacheable AddToAny share buttons JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <AddToAny.Cacheable />
+ */
+AddToAny.Cacheable = cacheComponent(AddToAny, 'share.addtoany', (props) => {
+    return {};
+});
+
+module.exports = AddToAny;