为octopress添加tag Cloud

最新推荐文章于 2017-05-08 00:26:00 发布

HAN-Kai

最新推荐文章于 2017-05-08 00:26:00 发布

阅读量904

点赞数

分类专栏： Github Octopress

Octopress 同时被 2 个专栏收录

18 篇文章

订阅专栏

Github

5 篇文章

订阅专栏

本文介绍了一种在Octopress博客系统中实现标签功能的方法，包括安装和配置octopress-tag-pages及octopress-tag-cloud插件的过程，并展示了如何在侧边栏添加标签云。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

同添加category list一样，网络上有很多方法，这里列举一种。首先到https://github.com/robbyedwards/octopress-tag-pages和https://github.com/robbyedwards/octopress-tag-cloudclone这两个项目的代码。这两个项目分别用于产生tag page和tag cloud。针对这两个插件，需要手工复制一些文件到你的octopress目录。

octopress-tag-pages

复制tag_generator.rb到/plugins目录；复制tag_index.html到/source/_layouts目录。需要注意的是，还需要复制tag_feed.xml到/source/_includes/custom/目录。这个官方文档里没提到，在我机器上rake generate时报错。其他文件就不需要复制了，都是些例子。

octopress-tag-cloud

仅复制tag_cloud.rb到/plugins目录即可。但这仅仅只是为liquid添加了一个tag（非本文所提tag）。如果要在侧边导航里添加一个tag cloud，我们还需要手动添加aside。

复制以下代码到/source/_includes/custom/asides/tags.html。

<section>
  <h1>Tags</h1>
  <ul class="tag-cloud">
    {% tag_cloud font-size: 90-210%, limit: 10, style: para %}
  </ul>
</section>

tag_cloud的参数中，style :para指定不使用li来分割，limit限定10个tag，font-size指定tag的大小范围，具体参数参看官方文档。

最后，当然是在_config.xml的default_asides 中添加这个tag cloud到导航栏，例如：

default_asides: [asides/category_list.html, asides/recent_posts.html, custom/asides/tags.html]

原文地址： http://codemacro.com/2012/07/18/add-tag-to-octopress/