大概半个月之前就想要为博客添加标签云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下的文章分页,问题还有待解决。

综上就是实现标签云的过程,如果大家有疑问或建议,欢迎讨论^_^