Hexo优化(3):彩色标签云

2016-03-24 craneyuan 更多博文 » 博客 » GitHub »

Hexo

原文链接 https://crane-yuan.github.io/2016/03/24/Hexo-03-colourful-tag-cloud/
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


在你的主题目录\layout_widget\下找到tagcloud.ejs文件,编辑这个文件,找到标签<%-tagcloud,然后把整个代码修改为如下样式:

<% if (site.tags.length){ %>
  <div class="widget-wrap">
    <h3 class="widget-title"><%= __('tagcloud') %></h3>
    <div class="widget tagcloud">
      <%- tagcloud(site.tags, {
        min_font: 13,
        max_font: 23,
        amount: 65,
        orderby: 'count',
        color: true,
        start_color: '#9900FF',
        end_color: '#FF0000'
      }) %>
    </div>
  </div>
<% } %>

其中,start_color为颜色变化的起始端,end_color为颜色变化的结束端。

<!--more-->

参考