Hexo中butterfly主题添加标签云效果

效果展示

blog butterfly hexo 大明 笑话 苏联笑话

gif效果展示

配置方式

首先，安装hexo-tag-cloud插件。

npm install hexo-tag-cloud -S

然后修改theme/butterfly/layout/includes/page/tags文件

.tag-cloud-list.is-center
  !=cloudTags({source: site.tags, minfontsize: 1.2, maxfontsize: 2.1, limit: 0, unit: 'em'})

.tag-cloud-list.is-center
  script(type="text/javascript" charset="utf-8" src="/js/tagcloud.js")
  script(type="text/javascript" charset="utf-8" src="/js/tagcanvas.js")
  canvas#resCanvas(align='center', width="785", height="785", style='width:100%;')
    != tagcloud()