Implement optional jekyll-tagging

Author: bitbrain

Gemfile

@@ -1,2 +1,6 @@
 source "https://rubygems.org"
+
+gem "liquid-md5"
+gem "jekyll-tagging"
+
 gemspec

_config.yml

@@ -7,9 +7,14 @@ description: > # this means to ignore newlines until "show_exerpts:"
   Google search results) and in your feed.xml site description.
 show_excerpts: false # set to true to show excerpts on the homepage
 
-paginate: 5
+tag_permalink_style: pretty
+
+paginate: 2
 paginate_path: "/blog/page:num/"
 
+tag_page_layout: tag_page
+tag_page_dir: tag
+
 # jekyll-dash date format
 # refer to http://shopify.github.io/liquid/filters/date/ if you want to customize this
 dash:
@@ -39,3 +44,4 @@ plugins:
  - jekyll-seo-tag
  - jekyll-paginate
  - liquid-md5
+ - jekyll/tagging

_includes/author.html

@@ -1,4 +1,6 @@
 <div class="author-box">
+{% if site.plugins contains "liquid-md5" %}
 <img src="https://gravatar.com/avatar/{{ site.email | downcase | md5 }}?s=72" class="author-avatar" />
+{% endif %}
 {{ site.description }}
 </div>

_includes/tagcloud.html

@@ -0,0 +1,7 @@
+
+{% if site.plugins contains "jekyll/tagging" %}
+<h2>All tags</h2>
+<div class="tag-cloud">
+    {{ site | tag_cloud }}
+</div>
+{% endif %}

_layouts/home.html

@@ -11,11 +11,13 @@ <h1>Recent blog articles</h1>
           <a href="{{ post.url | relative_url }}" class="post-link">{{ post.title }}</a>
           <div class="post-meta">
 
+            {% if site.plugins contains "jekyll/tagging" %}
             <div class="post-tags">
                 {% for tag in post.tags %}
                 <a class="tag" href="/tag/{{ tag }}/">{{ tag }}</a>
                 {% endfor %}
             </div>
+            {% endif %}
             {% if site.date_format %}
               {{ post.date | date: site.date_format }}
             {% else %}
@@ -27,6 +29,8 @@ <h1>Recent blog articles</h1>
     </div>
 
     {% include pagination.html %}
+
+    {% include tagcloud.html %}
 {% else %}
 <div>No posts yet.</div>
 {% endif %}

_layouts/post.html

@@ -4,11 +4,13 @@
 {% include author.html %}
 <div class="post">
   <h1 class="post-title">{{ page.title }}</h1>
+  {% if site.plugins contains "jekyll/tagging" %}
   <div class="post-tags">
       {% for tag in page.tags %}
       <a class="tag" href="/tag/{{ tag }}/">{{ tag }}</a>
       {% endfor %}
   </div>
+  {% endif %}
   <div class="post-date">Published on {{ page.date | date_to_string }}</div>
   {% if page.description != null %}
   <div class="post-description"><span class="color-blue">> </span>{{ page.description }}</div>

_layouts/tag_index.html renamed to _layouts/tag_page.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 {% include author.html %}
-<h1 class="post-title">Articles tagged with <a class="tag" href="/tag/{{ tag }}/">{{ page.tag }}</a></h1>
+<h1 class="post-title">Articles tagged with <a class="tag" href="/tag/{{ page.tag }}/">{{ page.tag }}</a></h1>
   <div class="post-links">
   {% for post in site.posts %}
   {% for tag in post.tags %}
@@ -31,3 +31,4 @@ <h1 class="post-title">Articles tagged with <a class="tag" href="/tag/{{ tag }}/
   {% endfor %}
 
   </div>
+  {% include tagcloud.html %}

_plugins/_tag_gen.rb

@@ -101,7 +101,11 @@
    }
  }
 
-.tag {
+ .tag-cloud {
+   margin-bottom: 2em;
+ }
+
+.tag, .tag-cloud > a {
   color: $color-green;
   background-color: $color-background-dark;
   padding: 0.3em 0.6em;

_sass/dash/_layout.scss

@@ -16,7 +16,6 @@ Gem::Specification.new do |spec|
   spec.add_runtime_dependency "jekyll-feed", "~> 0.9"
   spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.1"
   spec.add_runtime_dependency "jekyll-paginate"
-  spec.add_runtime_dependency "liquid-md5", "~> 0.0.3"
 
   spec.add_development_dependency "bundler", "~> 2.0.1"
   spec.add_development_dependency "rake", "~> 12.0"