update

app/assets/css/main.css

@@ -1,4 +1,8 @@
 @import "tailwindcss";
+@plugin "@tailwindcss/typography";
+@plugin "@tailwindcss/forms";
+
+@custom-variant dark (&:where(.dark, .dark *));
 /* @import "tailwindcss/preflight";
 @tailwind utilities; */
 /* @import url("https://fonts.rhen.cloud/maplemono-cn-regular/result.css"); */

app/components/main/footer.vue

@@ -4,6 +4,7 @@
     <!-- 一言 -->
     <p v-if="showHitokoto && quote" class="text-text-muted text-sm m-0 italic">
       「{{ quote }}」<span v-if="from" class="ml-1.5">—— {{ from }}</span>
+      <span v-if="from && fromWho" class="ml-1.5"> · {{ fromWho }}</span>
     </p>
 
     <!-- 访问统计 -->
@@ -61,6 +62,7 @@ const contact = siteConfig.footer || {};
 const config = useRuntimeConfig();
 const quote = ref("");
 const from = ref("");
+const fromWho = ref("");
 const pageviews = ref(0);
 const visitors = ref(0);
 const statsError = ref(true);
@@ -86,8 +88,10 @@ const fetchHitokoto = async () => {
   try {
     const resp = await fetch(buildHitokotoUrl());
     const data = await resp.json();
+    console.log(data);
     quote.value = data.hitokoto || "";
     from.value = data.from || "";
+    fromWho.value = data.from_who || "";
   } catch (e) {
     console.warn("Hitokoto fetch failed", e);
   }

app/pages/blogs/index.vue

@@ -18,7 +18,6 @@ const formattedData = computed(() => {
         description: articles.description || "no-description available",
         image: meta.image || "/not-found.jpg",
         alt: meta.alt || "no alter data available",
-        ogImage: meta.ogImage || "/not-found.jpg",
         date: meta.date || "not-date-available",
         tags: meta.tags || [],
         published: meta.published || false,
@@ -106,7 +105,6 @@ defineOgImage({
           :description="post.description"
           :image="post.image"
           :alt="post.alt"
-          :og-image="post.ogImage"
           :tags="post.tags"
           :published="post.published" />
       </template>