🏗️ Finish post tags widget coding.

assets/css/_common/components/post/post-footer.scss

@@ -5,6 +5,25 @@
 // See https://caniuse.com/flexbox-gap
 .post-footer {
   @include flex-column();
+
+  hr{
+  text-align:center;
+  line-height:0px;
+  height: 0px;
+  background-image: none;
+  border-bottom: .125em dashed #999;
+  margin: 24px 0;
+
+  &:after{
+    content: $post_end_line_tip;
+    font-size: .9em;
+    font-weight: bold;
+    background: #fff;
+    padding: 0 5px;
+    z-index:2;
+  }
+}
+
 }
 
 .post-eof {
@@ -47,13 +66,23 @@
 }
 
 .post-tags {
-  margin-top: 40px;
+  margin-bottom: 20px;
   text-align: center;
 
   a {
     display: inline-block;
     font-size: $font-size-smaller;
 
+    &:before {
+      @if $post_end_tag_icon {
+        content: "🔖";
+        font-size: 1.25em;
+      } 
+      @else {
+        content: "#";
+      }
+    }
+
     &:not(:last-child) {
       margin-right: 10px;
     }

assets/css/_common/components/post/post-reward.scss

@@ -1,6 +1,6 @@
 .reward-container {
   margin: $post-card-margin;
-  padding: 1em 0;
+  /* padding: 1em 0; */
   text-align: center;
 
   div>i {

assets/css/main.scss

@@ -78,6 +78,8 @@ $motion_trans_post_header: {{ $P.motion.transition.postHeader }};
 $post_edit_enable: {{ $P.postEdit.enable }};
 $post_meta_item_text: {{ $P.postMeta.itemText }};
 $reward_settings_animation: {{ $P.rewardSets.animation }};
+$post_end_line_tip: "{{ $P.postFooter.endLineTip }}";
+$post_end_tag_icon: {{ $P.postFooter.tagIcon }};
 
 // TODO find the paramters
 $text_align_desktop: justify;

exampleSite/config.yaml

@@ -8,6 +8,7 @@ baseURL: /
 
 theme: hugo-theme-next
 
+# Make markdown content support HTML syntax
 markup:
   goldmark:
     renderer:
@@ -331,6 +332,9 @@ params:
   # symbols_count_time:
   #   separated_meta: true
   #   item_text_total: false
+  postFooter:
+    endLineTip: "~ 我可是有底线的哟 ~"
+    tagIcon: true
 
   # Use icon instead of the symbol # to indicate the tag at the bottom of the post
   tag_icon: false

layouts/partials/post/post_footer.html

@@ -9,9 +9,11 @@
 {{- end }}
 <div class="post-eof"></div>
 {{- else }}
-{{ partial "post/post_footer/post_reward.html" . }}
-{{ partial "post/post_footer/post_copyright.html" . }}
-{{ partial "post/post_footer/post_followme.html" . }}
+{{ partial "post/post_footer/tags.html" . }}
+<hr/>
+{{ partial "post/post_footer/reward.html" . }}
+{{ partial "post/post_footer/copyright.html" . }}
+{{ partial "post/post_footer/followme.html" . }}
 <div class="post-nav">
   <div class="post-nav-next post-nav-item">
     {{- with .NextInSection }}

layouts/partials/post/post_footer/tags.html

@@ -0,0 +1,9 @@
+{{- with .Params.tags }}
+{{- if gt (len .) 0 }}
+<div class="post-tags">
+  {{ range . }}
+    <a href="{{ . }}">{{ . }}</a>
+  {{- end }}
+</div>
+{{- end }}
+{{- end }}