From 6f7986808c52f8746b8504d89cdcf62193960a11 Mon Sep 17 00:00:00 2001
From: Mick Zhuang <mickzhuang@gmail.com>
Date: Fri, 26 Jul 2024 16:22:58 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20add=20recommended=20article=20relev?=
 =?UTF-8?q?ance=20and=20put=20placeholder=20first?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/site/styles/site.css | 6 ++++++
 templates/macros.html       | 5 ++++-
 templates/page.html         | 2 +-
 templates/reading-note.html | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/static/site/styles/site.css b/static/site/styles/site.css
index 591de6b..ca162ca 100644
--- a/static/site/styles/site.css
+++ b/static/site/styles/site.css
@@ -654,6 +654,12 @@ tr:first-child th {
   text-transform: uppercase;
 }
 
+.article-relevance {
+  color: #e74c3c;
+  font-size: 0.85rem;
+  text-align: right;
+}
+
 .article-date {
   color: #7f8c8d;
 }
diff --git a/templates/macros.html b/templates/macros.html
index e5d6977..f80b076 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -49,7 +49,7 @@ <h1><a class="no-underline " href="{{ page.permalink }}">{{ page.title }}</a></h
 </p>
 {% endmacro post_link %}
 
-{% macro card(nn_page) %}
+{% macro card(nn_page, relevance) %}
 {% if nn_page.extra.image %}
 {% set image = config.base_url ~ nn_page.path ~ nn_page.extra.image %}
 {% else %}
@@ -70,6 +70,9 @@ <h1><a class="no-underline " href="{{ page.permalink }}">{{ page.title }}</a></h
         <img src="{{ image }}">
     </div>
     <div class="article-info">
+        <div class="article-relevance">
+            <span>{{ relevance }} 相關</span>
+        </div>
         <div class="article-meta">
             <span class="article-category">{{ breadcrumb | safe }}</span>
             <span class="article-date">{{ nn_page.date }}</span>
diff --git a/templates/page.html b/templates/page.html
index c5e1098..ba11d34 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -55,7 +55,7 @@ <h2>相關文章推薦</h2>
   {% set top_3_nn_paths = top_3_nn[page.path] | split(pat=":") %}
   {% for path in top_3_nn_paths %}
   {% set nn_page = get_page(path=path) %}
-  {{ macro::card(nn_page=nn_page) }}
+  {{ macro::card(nn_page=nn_page, relevance="70%") }}
   {% endfor %}
   {% endif %}
 </div>
diff --git a/templates/reading-note.html b/templates/reading-note.html
index 9cf66a7..29cb460 100644
--- a/templates/reading-note.html
+++ b/templates/reading-note.html
@@ -56,7 +56,7 @@ <h2>相關文章推薦</h2>
   {% set top_3_nn_paths = top_3_nn[page.path] | split(pat=":") %}
   {% for path in top_3_nn_paths %}
   {% set nn_page = get_page(path=path) %}
-  {{ macro::card(nn_page=nn_page) }}
+  {{ macro::card(nn_page=nn_page, relevance="70%") }}
   {% endfor %}
   {% endif %}
 </div>