锋临

[Typecho]彩色标签云插件
Typecho-ColorfulTags彩色3D标签云插件,原生JS实现。原生JS参考:食用方法解压后重命名为Co...
扫描右侧二维码阅读全文
20
2019/08

[Typecho]彩色标签云插件

Typecho-ColorfulTags

彩色3D标签云插件,原生JS实现。原生JS参考:

效果图

食用方法

解压后重命名为ColorfulTags文件,在插件设置中设置标签云容器ID,如果没有就手动添加一个,再到后台完成设置。

插件地址

Github地址:https://github.com/invelop/Typecho-ColorfulTags

码云地址:https://gitee.com/ETAS/Typecho-ColorfulTags

博客地址:https://blog.irow.top/archives/396.html

Handsome主题安装方式

  1. 在网站原标签云处 ctrl-shift-C 审查元素,找到标签云,并确定容器是否有ID

1

  1. 发现没有ID,后台找到相关文件进行修改,添加ID
    handsome主题标签云在主题下 /component/sidebar.php 中(其他主题以此类推查找),然后搜索审查元素找到的父元素ID为 tag_cloud-2 ,发现在106行和143行是标签云直接容器,添加ID。

2

  1. 后台完成设置。

更新记录

2019-08-19 v1.0 修复了console报错并优化了性能

最后修改:2019 年 08 月 21 日 02 : 28 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

8 条评论

  1. Syndicate Google Chrome 78.0.3904.70 Windows 10 中国 北京 北京

    博主,我的博客安装后好像显示有些问题呀,排列有些乱,而且鼠标选中一个标签它不是停止而是上浮了一段距离,能看看吗

    1. 锋临 Google Chrome 76.0.3809.100 Windows 7 中国 北京 北京
      @Syndicate

      样式冲突了,你魔改的JS里a标签的事件继承到插件里了

      1. Syndicate Google Chrome 78.0.3904.70 Windows 10 中国 北京 北京
        @锋临

        好吧,我发现是魔改CSS的错,然后我居然用折半注释法找到了有问题的那句CSS,但是实在搞不懂为啥会导致这个BUG,CSS是`aside * { transition: all .3s }`

        1. 锋临 Google Chrome 76.0.3809.100 Windows 7 中国 山东 青岛
          @Syndicate

          css选择彩色标签云里的a标签,用默认样式覆盖掉

      2. Syndicate Google Chrome 78.0.3904.70 Windows 10 中国 北京 北京
        @锋临

        额,那你知道怎么改改能正常吗。我把魔改的handsome.js删除后还是不行。

  2. admin Firefox 68.0 Windows 10 中国 北京 北京

    博主请问一下,,你这个代码高亮用的什么插件呀????

    1. admin Firefox 68.0 Windows 10 中国 北京 北京
      @admin

      挺好看的

      1. 承影 Google Chrome 76.0.3809.100 Windows 7 中国 北京 北京
        @admin

        关于页面都有介绍的,CodePrettify