diff --git a/_config.yml b/_config.yml index 301ab6c..8299ac4 100644 --- a/_config.yml +++ b/_config.yml @@ -57,7 +57,7 @@ favicon: #android_manifest: /manifest.json # Custom Logo (Warning: Do not support scheme Mist) -custom_logo: #/uploads/custom-logo.jpg +custom_logo: #/uploads/custom-logo.png # Creative Commons 4.0 International License. # See: https://creativecommons.org/about/cclicenses/ @@ -282,7 +282,7 @@ reward: follow_me: #Twitter: https://twitter.com/username || fab fa-twitter #Telegram: https://t.me/channel_name || fab fa-telegram - #WeChat: /images/wechat_channel.jpg || fab fa-weixin + #WeChat: /images/wechat_channel.png || fab fa-weixin #RSS: /atom.xml || fa fa-rss # Related popular posts diff --git a/layout/_partials/post/post-followme.njk b/layout/_partials/post/post-followme.njk index d321137..b34e962 100644 --- a/layout/_partials/post/post-followme.njk +++ b/layout/_partials/post/post-followme.njk @@ -7,13 +7,25 @@ {%- set icon = value.split('||')[1] | trim if value.split('||')[1] else '' %}
- - - + {%- if link.endsWith('.png') or link.endsWith('.jpg') %} + - {{ name }} - + + {%- else %} + + + + + + {{ name }} + + {%- endif %}
{%- endfor %} diff --git a/source/css/_common/components/post/post-followme.styl b/source/css/_common/components/post/post-followme.styl index 825d976..0c09ac2 100644 --- a/source/css/_common/components/post/post-followme.styl +++ b/source/css/_common/components/post/post-followme.styl @@ -10,6 +10,7 @@ if (hexo-config('follow_me')) { .social-item { margin: .5em 2em; + position: relative; +tablet-mobile() { margin: .5em .75em; @@ -29,6 +30,18 @@ if (hexo-config('follow_me')) { display: block; font-size: 14px; } + + &:hover + .social-item-img { + display: block; + } + } + + .social-item-img { + display: none; + left: 50%; + max-width: $post-reward-img-width; + position: absolute; + transform: translate(-50%, 20px); } } }