虽然并没有技术可言,就当自己做个笔记吧,搞博客这么多年,前前后后也换了好多平台,模板也自己折腾了一些,并没有留下什么,实在惭愧啊。

所谓的标签云就是一堆标签链接,可能在一起看起来像一坨云?Bitcron 提供了获取网站所有标签的方法site.tags,然后在遍历生成链接就可以咯。

for tag_name, tag_count in site.tags
    a(href="/tag/{{tag_name|urlencode()}}")= tag_name

这里用urlencode()编码了一下tag_name,因为如果出现’C#’这种标签的话,不编码会链接到’C’标签。

为了体现标签下的文章多少,可以通过tag_count来设置链接字体的大小,玩得转的还可以设置颜色啊字体粗细什么的。

for tag_name, tag_count in site.tags
    a(href="/tag/{{tag_name|urlencode()}}",style="font-size: {{tag_count*1.5+12 }}px;")= tag_name

最后效果大概就是这样!
tags-cloud