简洁而美丽:如何在博客中优雅展示网易云热评

简洁而美丽:如何在博客中优雅展示网易云热评

温馨提示: 本文最后更新于 2025-02-24 21:32:14,某些文章具有时效性,若有错误或已失效,请在下方留言!

前言

Hi~ 大家最近都在忙些什么呢?今天带来一个灵感来自 Anzhiyu 主题“协议提醒助手”的网易云热评弹窗小卡片。最初我打算做成冒泡上浮的效果,但后来觉得简洁的弹窗更合适。

如果有兴趣的小伙伴,可以尝试二次开发,废话不多说,直接来看效果吧!

更新日志

2024-12-10

  • 优化了部分动画效果
  • 修复了在移动端下无法隐藏

2025-02-23

  • 修改了代码逻辑,有效减少了大量请求
  • 右上角新增跳转按钮,链接到相关音乐页面

演示效果

样式一

图片[1]-简洁而美丽:如何在博客中优雅展示网易云热评-星雨博客

样式二

图片[2]-简洁而美丽:如何在博客中优雅展示网易云热评-星雨博客

样式三

图片[3]-简洁而美丽:如何在博客中优雅展示网易云热评-星雨博客

部署教程

如果只希望在首页显示,可以通过后台小工具 → 自定义 HTML,将代码放在首页的任何位置。

如果希望全站显示,则可以将代码放在主题设置中的自定义 HTML 。

样式一

样式二

样式三

网易云热评
- 独闫
头像

非要变得那么坏才能立足世界吗 可是我想当一辈子的小孩

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共5条

请登录后发表评论