follow_me 相添加社交图片后不能正常显示

[qqhsx]

follow_me:
#Twitter: https://twitter.com/username || fab fa-twitter
#Telegram: https://t.me/channel_name || fab fa-telegram
WeChat: https://cdn.staticaly.com/gh/qqhsx/image@master/20230324/wechat_channel.7ehye07qrdw0.jpg || fab fa-weixin

结果如图，图片溢出

[stevenjoezhang]

确实是这么设计的，图片会悬浮弹出来。对于图片位置的设计，你有别的建议么

[stevenjoezhang]

现在就是这样的啊

[cnwangk]

啊，可能是我没描述清除吧。图片（鼠标没有触碰到）默认直接显示出来，点图标只有颜色深浅切换效果。

实际上鼠标移开，没有隐藏图片。个人使用版本 next v8.14.2 ，我不知道是不是bug。

也可能是我设置有问题，或者有对应配置文件可以设置（_config.yml）么？

[stevenjoezhang]

预期行为是这样的。如果你的网站不是这样，可能是遇到 bug 了。

2023-05-10.23.32.52.mov

[stevenjoezhang]

@cnwangk 看了下你的网站 https://www.cnwangk.top/2023/05/08/rocky-linux%E8%BD%AF%E4%BB%B6%E5%AE%89%E8%A3%85-neovim-%E5%92%8C-git/
图片的 CSS 被那个按钮切换暗色模式的组件覆盖了。

[cnwangk]

感谢你的回复和解惑哈，问题我已经排查出来了，与 next 主题本身无关。

问题排查：与 hexo-next-darkmode 插件冲突

插件地址：https://github.com/rqh656418510/hexo-next-darkmode

版本："hexo-next-darkmode": "^0.1.10"

卸载：npm remove hexo-next-darkmode

重启（清除缓存）：hexo clean && hexo s -i 127.0.0.1 -p 4001

再次验证 follow_me 设置图片，鼠标悬浮事件正常。

希望对后面的用户有所帮助。