首页信息：2026-06-18 20:20

Author: todaymvp

src/components/FeaturedProjects.astro

@@ -35,9 +35,14 @@ const featuredProjects = projects.slice(0, 4)
                 {project.data.links.map(link => {
                   const [key, value] = Object.entries(link)[0];
                   return (
-                    <span class="rounded-full border border-[var(--border-color-subtle)] px-3 py-1 text-xs font-medium text-[var(--foreground-color)] transition hover:bg-[var(--color-primary)] hover:text-white">
+                    <a
+                      href={value}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="rounded-full border border-[var(--border-color-subtle)] px-3 py-1 text-xs font-medium text-[var(--foreground-color)] no-underline transition hover:bg-[var(--color-primary)] hover:text-white"
+                    >
                       {key}
-                    </span>
+                    </a>
                   );
                 })}
               </div>

src/pages/index.astro

@@ -11,7 +11,7 @@ import Feature from '@components/Feature.astro'
   <section class="mb-24">
     <div class="container">
       <h2 class="text-center text-3xl font-bold mb-12">我们的身影</h2>
-      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6">
         <div class="rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-shadow duration-300">
           <img src="/img/xuanchuan.jpg" alt="社团宣传" class="w-full h-60 object-cover" loading="lazy" />
         </div>

src/pages/portfolio/[...page].astro

@@ -42,9 +42,6 @@ const { page } = Astro.props
                 <ul class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
                   {projectsInGrade.map(project => {
                     const slug = project.id || project.slug
-                    const cardFooter = project.data.links?.[0]
-                      ? Object.values(project.data.links[0])[0]
-                      : ''
                     return (
                       <li>
                         <div class="card group flex flex-col items-center rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 text-center no-underline shadow-sm transition hover:-translate-y-1 hover:shadow-lg">
@@ -60,8 +57,8 @@ const { page } = Astro.props
                             {project.data.motto && (
                               <>
                                 <blockquote class="member-motto">
-                  “{project.data.motto}”
-                </blockquote>
+                                  “{project.data.motto}”
+                                </blockquote>
                                 <hr class="my-2 w-3/5 border-t border-[var(--border-color-subtle)]" />
                               </>
                             )}
@@ -71,9 +68,14 @@ const { page } = Astro.props
                               {project.data.links.map(link => {
                                 const [key, value] = Object.entries(link)[0];
                                 return (
-                                  <span class="rounded-full border border-[var(--border-color-subtle)] px-3 py-1 text-xs font-medium text-[var(--foreground-color)] transition hover:bg-[var(--color-primary)] hover:text-white">
+                                  <a
+                                    href={value}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    class="rounded-full border border-[var(--border-color-subtle)] px-3 py-1 text-xs font-medium text-[var(--foreground-color)] no-underline transition hover:bg-[var(--color-primary)] hover:text-white"
+                                  >
                                     {key}
-                                  </span>
+                                  </a>
                                 );
                               })}
                             </div>