大概半个月之前就想要为博客添加标签云tag_cloud的功能了,直到昨晚才抽出时间来搞,开始查了网上很多教程,但是苦于对ruby的不了解,基本都会在某一步卡住。最后在这个过程中自己摸索出了怎么实现标签云tag_cloud的功能。。。。
先用图展示下实现效果:
实现过程主要分为以下几步:
1、在博客根目录
_includes下新建tag_cloud.html,内容如下:
这里的
site.BASE_PATH是在config.yml中定义的博客根目录;因为上面的代码直接写在博客里会自动执行,所以在这里用的是截图。2、为自己的博客添加
tags[]标记,例如本篇博文被我用tags['jekyll']标记为jekyll,如果需要多个标记,用逗号隔开即可。3、在博客根目录下新建
tags文件夹,并在该文件夹下新建所有对应tag名字的文件夹,例如这里新建jekyll文件夹。4、在每个
tag文件夹下,新建一个index.html,内容如下:
把这里的两处jekyll出现位置换位对应的tag名称即可5、接下来大家编写自己自定义的
CSS即可。6、目前标签页缺少分页功能,比如对所有在
jekyll下的文章分页,问题还有待解决。
综上就是实现标签云的过程,如果大家有疑问或建议,欢迎讨论^_^



