update

app/components/archive/card.vue

@@ -3,10 +3,6 @@ interface Props {
   path?: string;
   title?: string;
   date?: string;
-  description?: string;
-  image?: string;
-  alt?: string;
-  ogImage?: string;
   tags?: Array<string>;
   published?: boolean;
 }
@@ -15,10 +11,6 @@ withDefaults(defineProps<Props>(), {
   path: "/",
   title: "no-title",
   date: "no-date",
-  description: "no-description",
-  image: "/blogs-img/blog.jpg",
-  alt: "no-alt",
-  ogImage: "/blogs-img/blog.jpg",
   tags: () => [],
   published: false,
 });
@@ -28,21 +20,11 @@ withDefaults(defineProps<Props>(), {
   <article
     class="group border dark:border-gray-800 m-2 rounded-2xl overflow-hidden shadow-sm text-zinc-700 dark:text-zinc-300">
     <NuxtLink :to="path" class="grid grid-cols-1 sm:grid-cols-10 gap-1">
-      <div class="sm:col-span-3">
-        <NuxtImg
-          class="h-full w-full object-cover object-center rounded-t-2xl sm:rounded-l-2xl sm:rounded-t-none shadow-lg group-hover:scale-[1.02] transition-all duration-500"
-          width="300"
-          :src="image"
-          :alt="alt" />
-      </div>
-      <div class="sm:col-span-7 p-5">
+      <div class="sm:col-span-10 p-5">
         <h2
           class="text-xl font-semibold text-black dark:text-zinc-300 pb-1 group-hover:text-sky-700 dark:group-hover:text-sky-400">
           {{ title }}
         </h2>
-        <p class="text-ellipsis line-clamp-2">
-          {{ description }}
-        </p>
         <div class="text-black dark:text-zinc-300 text-sm mt-2 mb-1 md:flex md:space-x-6">
           <div class="flex items-center">
             <LogoDate class="-translate-y-[10%]" />

app/components/blog/Header.vue

@@ -45,7 +45,7 @@ withDefaults(defineProps<Props>(), {
       </h1>
 
       <p class="text-lg text-zinc-600 dark:text-zinc-400 max-w-2xl mx-auto leading-relaxed italic">
-        "{{ description }}"
+        「{{ description }}」
       </p>
     </div>
 

app/components/category/topic.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { makeFirstCharUpper } from "@/utils/helper";
-
 const route = useRoute();
 
 // take category from route params & make first char upper
@@ -10,7 +8,7 @@ const category = computed(() => {
 
   if (Array.isArray(name)) strName = name.at(0) || "";
   else strName = name;
-  return makeFirstCharUpper(strName);
+  return strName;
 });
 </script>
 

app/components/footer/link.vue

@@ -2,7 +2,7 @@
   <div class="flex flex-col dark:text-zinc-300 my-5 md:my-0 md:justify-self-center">
     <p class="text-black dark:text-zinc-300 text-base font-semibold">Quick Link</p>
     <NuxtLink to="/" class="hover:underline"> Home </NuxtLink>
-    <NuxtLink to="/blogs" class="hover:underline"> Blogs </NuxtLink>
+    <NuxtLink to="/archive" class="hover:underline"> Archive </NuxtLink>
     <NuxtLink to="/categories" class="hover:underline"> Categories </NuxtLink>
     <NuxtLink to="/about" class="hover:underline"> About Me </NuxtLink>
   </div>

app/components/main/TechInfo.vue

@@ -15,7 +15,7 @@ const techStack = computed(() => {
     { label: "构建平台", value: platform.name, icon: platform.icon },
     { label: "图片存储", value: "去图图床", icon: "heroicons:photo" },
     { label: "软件协议", value: "MIT", icon: "heroicons:document-text" },
-    { label: "文章许可", value: "CC BY-NC-SA 4.0", icon: "heroicons:creative-commons" },
+    { label: "文章许可", value: "CC BY-NC-SA 4.0", icon: "fa-brands:creative-commons" },
     {
       label: "规范域名",
       value: siteConfig.siteMeta.url.replace("https://", ""),