diff --git a/_layouts/post.html b/_layouts/post.html
index 356a016..2adbd4b 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -23,6 +23,14 @@ layout: default
   </div>
 
   <h1 class="post-title">{{ page.title }}</h1>
+
+  <div class="tags-clouds">
+  {% assign pt = page.tags | sort -%}
+  {% for tag in pt -%}
+    <a href="/tags/#{{ tag }}">{{ tag }}</a>
+  {% endfor %}
+  </div><br />
+
   <div class="post-line"></div>
 
   {{ content }}
diff --git a/_pages/tags.md b/_pages/tags.md
index 899c38b..8f1b4a0 100644
--- a/_pages/tags.md
+++ b/_pages/tags.md
@@ -10,11 +10,12 @@ permalink: /tags/
     <div class="tags-header-line"></div>
   </div>
   <div class="tags-clouds">
-    {% for tag in site.tags -%}
-    <a href="#{{ tag[0] }}">{{ tag[0] }}</a>
+    {% assign st = site.tags | sort -%}
+    {% for tag in st -%}
+    <a href="#{{ tag[0] }}">{{ tag[0] | replace: '_', ' ' }}</a>
     {% endfor %}
   </div>
-  {% for tag in site.tags -%}
+  {% for tag in st -%}
   <div class="tags-item" id="{{ tag[0] }}">
     <svg
       class="tags-item-icon"
diff --git a/_sass/tale/_post.scss b/_sass/tale/_post.scss
index b941ec3..e291451 100644
--- a/_sass/tale/_post.scss
+++ b/_sass/tale/_post.scss
@@ -32,6 +32,10 @@
     text-align: justify;
   }
 
+  .tags-clouds a:hover {
+    text-decoration: none;
+  }
+
   a:hover {
     text-decoration: underline;
   }