2026.07.16 1 4 0

Emlog3D动态彩色标签云插件

标签云几乎是每个博客的标配,但传统的静态标签列表总是那么“安静”——一排灰色小字,访客扫一眼就划过去了。有没有办法让它们真正吸引眼球?

3D动态彩色标签云(tagcloud3d)是一款专为 Emlog 开发的侧边栏美化插件,它把枯燥的标签列表变成会“呼吸”的视觉元素:标签可以贴在一个球面上缓缓旋转,也可以化作一团缤纷的彩色气泡。纯前端渲染,零服务器额外开销

一、两种展现模式

1. 3D 旋转球体

所有标签按照球面坐标均匀分布在一个虚拟球面上,整体缓慢自转;靠近镜头的标签更大更亮,远处的更小更暗,形成自然的景深。鼠标按住拖拽即可手动旋转,松手后自动恢复自转。

output.gif

2. 彩色气泡

标签以圆润的彩色气泡呈现,配色明快,适合想走活泼、年轻化风格的站点。

二、核心特性

  • 数据自动同步:直接复用 Emlog 标签数据,按文章数量映射字号——越热门的标签越大,无需手动维护。
  • 实时更新:发布或删除文章后,标签云内容自动重建,永远保持最新。
  • 主题自适应:配色跟随站点明暗主题(支持浅色主题自适应开关),深色站、浅色站都能自然融入。
  • 丰富可调:展现模式、标签数量、字号区间、球体半径、自转速度、配色方案、发光强度等均可后台配置。
  • 绿色无污染:不新建数据表,配置仅占用插件自有存储;卸载时自动清理侧栏注册与配置,不留垃圾。
  • 零服务器开销:渲染完全由浏览器 CSS + JS 完成,不影响页面加载速度。

三、后台设置项一览

设置项 说明 可选值
组件标题 侧栏组件显示的名称 自定义文本
展现模式 选择标签云的视觉形态 3D 旋转球体 / 彩色气泡
标签上限 最多展示多少个标签 10 – 80
排序方式 标签排列依据 按文章数(热门)/ 按最新 / 随机
最冷字号 / 最热字号 标签字号区间(px) 10–20 / 18–38
球体半径占比 球体大小相对容器 20% – 60%
自转速度 球体旋转快慢,0 为静止 0 – 100
文字配色 标签颜色方案 随机彩色 / 统一颜色
发光强度 文字辉光效果 柔和 / 强烈 / 关闭
浅色主题自适应 在浅色主题下自动优化观感 开 / 关

管理中心 - 良哥的碎碎念 - Liang’s Musings.png

四、安装与使用

  1. 在 Emlog 应用市场搜索 tagcloud3d,下载插件并解压到 content/plugins/ 目录;或在后台「插件」直接上传 zip 安装。
  2. 进入后台「插件」管理,启用 3D动态彩色标签云
  3. 进入「外观 / 小工具」(侧边栏管理),将「3D动态彩色标签云」组件拖入侧栏。
  4. 进入插件设置页,按喜好调整模式、数量、配色等参数,保存。
  5. 刷新前台页面,侧边栏即可看到旋转或气泡式的标签云。

五、干净卸载

不再需要时,直接在后台删除插件即可——侧栏注册与插件配置会被自动清理,不会在数据库里留下残余数据。

结语

如果你希望让博客侧边栏从“静态列表”升级为“会动的元素”,3D动态彩色标签云值得一试。它轻量、好看、好配,几分钟就能让你的站点气质不一样。

作者:澄曜 | 适用:Emlog Pro 及以上

评论 0

还没有评论,快来抢沙发吧~