add tags

static/css/style.css

@@ -8,7 +8,6 @@
 
 * {
   letter-spacing: 1px;
-  font-weight: 300;
   font-family: "Noto Sans TC", sans-serif !important;
 }
 
@@ -164,7 +163,7 @@ body {
   line-height: 20px;
 }
 .news-info a {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 500;
   color: var(--gray-color);
   text-decoration: none;

static/css/style.scss

@@ -8,7 +8,6 @@
 
 * {
   letter-spacing: 1px;
-  font-weight: 300;
   font-family: "Noto Sans TC", sans-serif !important;
 }
 
@@ -170,7 +169,7 @@ body {
   line-height: 20px;
 
   a {
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 500;
     color: var(--gray-color);
     text-decoration: none;

themes/hugo-bootstrap-5/layouts/partials/post-title.html

@@ -1,8 +1,26 @@
 <section class="news-info">
-    {{ range (.GetTerms "categories") }}
-    <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
-    {{ end }}
-    <small>{{ .Date | time.Format ":date_long" }}</small>
+   <div class="d-flex">
+    <span>
+        {{ range (.GetTerms "categories") }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
+        {{ end }}
+       </span>
+       <span class="d-flex align-items-center ms-3">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16">
+            <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+          </svg>
+            <small class="ms-2">
+              {{ .Date | time.Format ":date_long" }}
+            </small>
+       </span>
+   </div>
+    <div class="mt-2 mb-3">
+        {{ range (.GetTerms "tags") }}
+        <a href="{{ .Permalink }}">
+            <span class="badge bg-secondary fs-6 pb-2 px-3 m-1"> {{ .LinkTitle }}</span>
+        </a>
+        {{ end }}
+    </div>
 </section>
 <h1 class="blog-post-title">
     <a class="text-dark text-decoration-none" href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>

themes/hugo-bootstrap-5/layouts/partials/sidebar.html

@@ -1,23 +1,4 @@
 <aside class="news-sidebar px-0 px-lg-3">
   {{ partial "news-featured.html" . }}
-  {{ partial "taxonomies.html" . }}
-  <!-- <div class="input-group mb-3 search-bar">
-    <input type="text" class="form-control" placeholder="搜尋診所" aria-label="Recipient's username"
-      aria-describedby="search-btn">
-    <button class="btn search-btn pt-0" type="button" id="search-btn">
-      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search"
-        viewBox="0 0 16 16">
-        <path
-          d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
-      </svg>
-    </button>
-  </div> -->
-
-  <!-- {{ if default true .Site.Params.sidebar.showRecent }}
-    {{ partial "recent" . }}
-  {{ end }} -->
-
-  <!-- {{ if default true .Site.Params.sidebar.showTaxonomy }}
-    {{ partial "taxonomies" . }}
-  {{ end }} -->
+  <!-- {{ partial "taxonomies.html" . }} -->
 </aside>