SIS Lab
>
Blog
>
Jekyllにタグクラウドを実装する

Jekyllにタグクラウドを実装する

更新日:2019.05.01 作成日:2014.12.01

タグクラウドが欲しくなったので、タグクラウドタグを実装した。

tag_generator.rb

module Jekyll

  class TagPage < Page
    def initialize(site, base, dir, tag)
      @site = site
      @base = base
      @dir = dir
      @name = 'index.html'

      self.process(@name)
      self.read_yaml(File.join(base, '_layouts'), 'tag_index.html')
      self.data['tag'] = tag

      tag_title_prefix = 'Tag: '
      self.data['title'] = "#{tag_title_prefix}#{tag}"
    end
  end

  
  class TagPageGenerator < Generator
    safe true

    def generate(site)
      if site.layouts.key? 'tag_index'
        dir = site.config['tag_path'] || 'tag'
        site.tags.keys.each do |tag|
          site.pages << TagPage.new(site, site.source, File.join(dir, tag), tag)
        end
      end
    end
  end


end

tag_index.html

---

---

{% raw %}{% assign posts = site.tags[page.tag] %}{% endraw %}

<h1>Tag: {{page.tag}}</h1>

<ul class="posts">
{% raw %}{% for post in posts %}{% endraw %}
  <li>
    <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
    <a href="{{ post.url }}" class="post-link">{{ post.title }}</a>
    <p>{{ post.content | strip_html | strip_newlines | truncate: 100 }}</p>
  </li>
{% raw %}{% endfor %}{% endraw %}
</ul>