blog: display tags on individual blog post pages

Override the Docsy blog/content.html template to render tags as
primary-colored badges below the byline on each blog post page.
Tags are only shown when present in the post's front matter.

Author: vdemeester

assets/scss/_styles_project.scss

@@ -175,6 +175,9 @@ pre {
 .blog-tags .badge {
     margin-right: 0.25rem;
     margin-bottom: 0.25rem;
+    font-size: 0.85rem;
+    font-weight: normal;
+    padding: 0.35em 0.65em;
 }
 
 /* Styling for the banner */

layouts/blog/content.html

@@ -0,0 +1,29 @@
+<div class="td-content">
+	<h1>{{ .Title }}</h1>
+	{{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
+	<div class="td-byline mb-4">
+		{{ with .Params.author }}{{ T "post_byline_by" }} <b>{{ . | markdownify }}</b> |{{ end}}
+		<time datetime="{{  $.Date.Format "2006-01-02" }}" class="text-muted">{{ $.Date.Format $.Site.Params.time_format_blog  }}</time>
+	</div>
+	{{ with .Params.tags }}
+	<div class="blog-tags mb-4">
+		{{ range . }}
+		<span class="badge badge-primary mr-1">{{ . }}</span>
+		{{ end }}
+	</div>
+	{{ end }}
+	<header class="article-meta">
+		{{ partial "taxonomy_terms_article_wrapper.html" . }}
+		{{ if (and (not .Params.hide_readingtime) (.Site.Params.ui.readingtime.enable)) }}
+			{{ partial "reading-time.html" . }}
+		{{ end }}
+	</header>
+	{{ .Content }}
+	{{ if (.Site.Params.DisqusShortname) }}
+		<br />
+		{{ partial "disqus-comment.html" . }}
+		<br />
+	{{ end }}
+
+	{{ partial "pager.html" . }}
+</div>