From 9ce6880ef8699b108d4698a6d1ac8103db689fe1 Mon Sep 17 00:00:00 2001
From: LazuliKao <LazuliKao233@outlook.com>
Date: Tue, 21 May 2024 21:59:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BE=80=E5=B1=8A=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=20&=20=E5=A4=B4=E5=83=8F=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MemberCard.astro               |  80 +++++++++++++++---
 .../20200122153807.jpg                        | Bin
 .../4J9NfH1UZD3sz5I.png                       | Bin
 .../DoEH51Nj97Ah64a.png                       | Bin
 .../VjBGkQ6c58vH4l9.png                       | Bin
 .../avatar.png                                | Bin
 .../cimoccn.png                               | Bin
 src/store/member.ts                           |  25 ++++--
 8 files changed, 89 insertions(+), 16 deletions(-)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/20200122153807.jpg (100%)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/4J9NfH1UZD3sz5I.png (100%)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/DoEH51Nj97Ah64a.png (100%)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/VjBGkQ6c58vH4l9.png (100%)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/avatar.png (100%)
 rename src/pages/posts/blogs/更多/assets/{82707d577b914020b54384a615b0676e => avatar}/cimoccn.png (100%)

diff --git a/src/components/MemberCard.astro b/src/components/MemberCard.astro
index 41e8b40..4209b9d 100644
--- a/src/components/MemberCard.astro
+++ b/src/components/MemberCard.astro
@@ -1,22 +1,46 @@
 ---
 // Import the global.css file here so that it is included on
 // all pages through the use of the <BaseHead /> component.
-import "../styles/global.css"
-const { member } = Astro.props
+import type { Member } from "../store/member";
+import "../styles/global.css";
+const { member } = Astro.props as { member: Member };
+const avatar = member.avatar;
 ---
 
+<a
+  href={member.link}
+  target="_blank"
+  rel="noopener noreferrer"
+  class="no-link-color"
+>
   <div class="flex flex-col gap-2 w-full">
     <div class="w-full rounded-lg overflow-hidden">
-      <div class="w-full aspect-square overflow-hidden flex items-center justify-center bg-gradient-to-b from-gray-300/70">
+      <div
+        class="w-full aspect-square overflow-hidden flex items-center justify-center bg-gradient-to-b from-gray-300/70"
+      >
         {
-        member.avatar
-          ? (
-            <img class="object-cover h-full" src={member.avatar + "?x-oss-process=image/resize,h_512,m_lfit"} alt="" />
+          avatar ? (
+            typeof avatar !== "string" ? (
+              <img
+                class="object-cover h-full navigate"
+                src={(await avatar)?.default?.src}
+                alt=""
+              />
+            ) : (
+              <img
+                class="object-cover h-full navigate"
+                src={avatar + "?x-oss-process=image/resize,h_512,m_lfit"}
+                alt=""
+              />
             )
-          : (
-            <img class="object-cover h-3/4" src="https://oss.nbtca.space/CA-logo.svg" alt="" />
-            )
-      }
+          ) : (
+            <img
+              class="object-cover h-3/4 navigate"
+              src="https://oss.nbtca.space/CA-logo.svg"
+              alt=""
+            />
+          )
+        }
       </div>
     </div>
     <div class="h-16">
@@ -24,3 +48,39 @@ const { member } = Astro.props
       <div class="text-sm mt-0.5">{member.profile}</div>
     </div>
   </div>
+</a>
+<style>
+  /* 初始状态 */
+  .navigate {
+    /* cursor: pointer; */
+    transition: transform 0.2s;
+  }
+
+  /* 鼠标移入状态 */
+  .navigate:hover {
+    text-decoration: underline;
+    transform: scale(1.1);
+  }
+
+  /* 鼠标移出状态 */
+  .navigate:active {
+    animation: ease-in-out 1s exit forwards;
+  }
+ 
+
+  /* 定义 exit 动画 */
+  @keyframes exit {
+    0% {
+      transform: scale(1.05);
+    }
+    100% {
+      transform: scale(1);
+    }
+  }
+
+  /* 无链接颜色样式 */
+  .no-link-color {
+    color: inherit;
+    text-decoration: none;
+  }
+</style>
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/20200122153807.jpg b/src/pages/posts/blogs/更多/assets/avatar/20200122153807.jpg
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/20200122153807.jpg
rename to src/pages/posts/blogs/更多/assets/avatar/20200122153807.jpg
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/4J9NfH1UZD3sz5I.png b/src/pages/posts/blogs/更多/assets/avatar/4J9NfH1UZD3sz5I.png
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/4J9NfH1UZD3sz5I.png
rename to src/pages/posts/blogs/更多/assets/avatar/4J9NfH1UZD3sz5I.png
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/DoEH51Nj97Ah64a.png b/src/pages/posts/blogs/更多/assets/avatar/DoEH51Nj97Ah64a.png
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/DoEH51Nj97Ah64a.png
rename to src/pages/posts/blogs/更多/assets/avatar/DoEH51Nj97Ah64a.png
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/VjBGkQ6c58vH4l9.png b/src/pages/posts/blogs/更多/assets/avatar/VjBGkQ6c58vH4l9.png
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/VjBGkQ6c58vH4l9.png
rename to src/pages/posts/blogs/更多/assets/avatar/VjBGkQ6c58vH4l9.png
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/avatar.png b/src/pages/posts/blogs/更多/assets/avatar/avatar.png
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/avatar.png
rename to src/pages/posts/blogs/更多/assets/avatar/avatar.png
diff --git a/src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/cimoccn.png b/src/pages/posts/blogs/更多/assets/avatar/cimoccn.png
similarity index 100%
rename from src/pages/posts/blogs/更多/assets/82707d577b914020b54384a615b0676e/cimoccn.png
rename to src/pages/posts/blogs/更多/assets/avatar/cimoccn.png
diff --git a/src/store/member.ts b/src/store/member.ts
index c029d7c..07da757 100644
--- a/src/store/member.ts
+++ b/src/store/member.ts
@@ -1,8 +1,9 @@
 export interface Member {
   memberId: string
   alias: string
-  avatar: string
+  avatar: Promise<typeof import("*.jpg")> | string
   profile: string
+  link?: string
 }
 
 export const otherMembers: Member[] = [
@@ -10,30 +11,42 @@ export const otherMembers: Member[] = [
     memberId: undefined,
     alias: "鲁冠泽",
     profile: "Java, Web。",
-    avatar: "",
+    avatar: import("../pages/posts/blogs/更多/assets/avatar/cimoccn.png"),
+    link: "https://cimoc.cn/"
   },
   {
     memberId: undefined,
     alias: "江蕾",
     profile: "前端。",
-    avatar: "",
+    avatar: import("../pages/posts/blogs/更多/assets/avatar/DoEH51Nj97Ah64a.png"),
+    link: "https://www.cnblogs.com/JLay"
   },
   {
     memberId: undefined,
     alias: "黄文轩",
     profile: "网安, Linux和C/C++。",
-    avatar: "",
+    avatar: import("../pages/posts/blogs/更多/assets/avatar/4J9NfH1UZD3sz5I.png"),
+    link: "https://www.cnblogs.com/N3ptune"
   },
   {
     memberId: undefined,
     alias: "陈学书",
     profile: "Mac, 人工智能, Web和流水账。",
-    avatar: "",
+    avatar: import("../pages/posts/blogs/更多/assets/avatar/VjBGkQ6c58vH4l9.png"),
+    link: "https://www.cnblogs.com/Flat-White"
+  },
+  {
+    memberId: undefined,
+    alias: "王纯",
+    profile: "Web。",
+    avatar: import("../pages/posts/blogs/更多/assets/avatar/avatar.png"),
+    link: "https://chundot.org"
   },
   {
     memberId: undefined,
     alias: "章晟玮",
     profile: "算法记录。",
-    avatar: "",
+    avatar: undefined,
+    link: "https://bcscb.xyz/"
   },
 ]