handsome博客主题彩色标签云

博主：龙蛋00
发布时间：2021 年 07 月 03 日
343 次浏览
1 条评论
582字数
分类：其他

说明：sunpma的版本是通过在模板自带的开发者选项中插入JS代码实现的标签云上色功能，但由于网站主要的跳转逻辑都是pjax刷新的内容，所以需要额外复制代码到pjax回调函数上，否则切换页面后标签云会掉色

将下面代码添加到设置外观-开发者设置-自定义 JavaScript 和设置外观-PJAX-PJAX回调函数中即可：

let tags = document.querySelectorAll("#tag_cloud-2 a");* 

*let colorArr = ["#428BCA", "#AEDCAE", "#ECA9A7", "#DA99FF", "#FFB380", "#D9B999"];* 

*tags.forEach(tag => {* 

 *tagsColor = colorArr[Math.floor(Math.random() \* colorArr.length)];* 

 *tag.style.backgroundColor = tagsColor;* 

*});