formatted working solution

Author: PratikshaJain37

_includes/tags.html

@@ -1,4 +1,6 @@
 {% for tag in page.tags %}
-    {% capture tag_name %}{{ tag }}{% endcapture %}
-    <a href="/tag/#{{ tag_name }}" class="badge badge-pil"><code ><nobr>{{ tag_name }}</nobr></code></a>
+    {% if tag != 'home' %}
+        {% capture tag_name %}{{ tag }}{% endcapture %}
+        <a href="/tag/#{{ tag_name }}" class="badge badge-pil"><code ><nobr>{{ tag_name }}</nobr></code></a>
+    {% endif %}
 {% endfor %}

_layouts/post.html

@@ -58,11 +58,11 @@ <h2 class="subheading">{{ page.subtitle }}</h2>
       <div class="col-lg-8 col-md-10 mx-auto">
 
         {{ content }}
-
-        <hr>
-
+        
         {% include tags.html %}
 
+        <hr>
+        
         {% include social-share.html %}
 
         {% if page.comments != false %}

assets/custom/scss/_tags.scss

@@ -0,0 +1,9 @@
+// for tags 
+
+.badge {
+    color: dimgrey;
+    padding: 10px;
+    font-family: "Courier New", Courier, monospace;
+    background-color: #e7e7e7;
+}
+

assets/custom/scss/custom.scss

@@ -2,3 +2,4 @@
 @import "social-share.scss";
 @import "markdown.scss";
 @import "pygments.scss";
+@import "tags.scss";

tag/index.html

@@ -1,6 +1,6 @@
 ---
 layout: page
-title: tag
+title: Tags
 background: '/img/bg-post.jpg'
 ---
 {% capture tags %}
@@ -11,10 +11,61 @@
 {% assign sortedtags = tags | split:' ' | sort %}
 
 {% for tag in sortedtags %}
-  <h3 id="{{ tag }}">{{ tag }}</h3>
+  {% if tag != 'home' %}
+  <a href="/tag/#{{ tag }}" class="badge badge-pil"><code ><nobr>{{ tag }}</nobr></code></a>
+  {% endif %}
+{% endfor %}
+<br> <br>
+
+{% for tag in sortedtags %}
+  {% if tag != 'home' %}
+  <h3><a href="/tag/#{{ tag }}" class="badge badge-pil" id="{{ tag }}"><code ><nobr>{{ tag }}</nobr></code></a></h3>
   <ul>
   {% for post in site.tags[tag] %}
-    <li><a href="{{ post.url }}">{{ post.title }}</a></li>
+    
+      <article class="post-preview">
+        <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}">
+          <h2 class="post-title">{{ post.title }}</h2>
+          {% if post.subtitle %}
+          <h3 class="post-subtitle">{{ post.subtitle }}</h3>
+          {% else %}
+          <h3 class="post-subtitle">{{ post.excerpt | strip_html | truncatewords: 15 }}</h3>
+          {% endif %}
+        </a>
+
+        {% if post.author %}
+          {% assign authors = post.author %}
+        {% else %}
+          {% assign authors = site.author %}
+        {% endif %}
+
+        <p class="meta">Posted by
+          {% if authors.first %}
+            {% for author in authors %}
+              {% if post.author_url[forloop.index0] %}
+                <a target="_blank" href="{{ post.author_url[forloop.index0] }}">{{ author }}</a>{% unless forloop.last %},{% endunless %} 
+              {% else %}
+                {{ author }}{% unless forloop.last %},{% endunless %}
+              {% endif %}
+            {% endfor %}
+          {% else %}
+            {% if post.author_url %}
+              <a target="_blank" href="{{ post.author_url }}">{{ authors }}</a>
+            {% else %}
+              {{ authors }}
+            {% endif %}
+          {% endif %}
+          on {{ post.date | date: '%B %d, %Y' }} &middot; {% include read_time.html content=post.content %} &middot;
+          <a href="{{ post.url | prepend: site.baseurl | replace: '//', '/' }}#disqus_thread"></a>
+        </p>
+
+      </article>
+      <hr>
+      
+
   {% endfor %}
   </ul>
-{% endfor %}
+  
+  {% endif %}
+{% endfor %}
+