From 4fe81f1e48f97b431f3190ca791f8631a6b52ff3 Mon Sep 17 00:00:00 2001
From: xy <10816187@qq.com>
Date: Tue, 7 Jul 2026 23:49:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E6=97=B6=E5=8C=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .editorconfig         |  9 +++++++++
 src/lib/format.ts     |  9 +++++++--
 src/pages/index.astro | 16 +++++++++-------
 3 files changed, 25 insertions(+), 9 deletions(-)
 create mode 100644 .editorconfig

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/src/lib/format.ts b/src/lib/format.ts
index 25354ee..153ebfa 100644
--- a/src/lib/format.ts
+++ b/src/lib/format.ts
@@ -1,5 +1,10 @@
 import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
 
 export const formatDatetime = (date: string,format = 'YYYY-MM-DD HH:mm') => {
-  return dayjs(date).format(format);
-};
\ No newline at end of file
+  return dayjs(date).tz('Asia/Shanghai').format(format);
+};
diff --git a/src/pages/index.astro b/src/pages/index.astro
index b1314a3..5165058 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,7 +1,7 @@
 ---
 import Layout from "@/layouts/Layout.astro";
 
-import { http } from "@/lib/request";
+import {http} from "@/lib/request";
 import {formatDatetime} from "@/lib/format.ts";
 
 interface Post {
@@ -9,6 +9,7 @@ interface Post {
   summary: string;
   slug: string;
   cover: string;
+  category_name: string;
   published_at: string;
 }
 
@@ -24,12 +25,13 @@ const {list} = await http.get<ApiPageResponse<Post>>("post");
           href={`/posts/${post.slug}`}
         >
           <div class="cover">
-            <img src={post.cover} alt={post.title} />
+            <img src={post.cover} alt={post.title}/>
           </div>
           <div class="post-content">
             <h2>{post.title}</h2>
-            <p class="summary">{post.summary}</p>
-            <div>{formatDatetime(post.published_at,'YYYY 年 MM 月 DD 日')}</div>
+            <p class="summary">summary:{post.summary}</p>
+            <p class="summary">category_name:{post.category_name}</p>
+            <div>{formatDatetime(post.published_at, 'YYYY 年 MM 月 DD 日')}</div>
           </div>
         </a>
       ))
@@ -53,8 +55,8 @@ const {list} = await http.get<ApiPageResponse<Post>>("post");
     gap: 20px;
   }
 
-  .post-content{
-    flex:1;
+  .post-content {
+    flex: 1;
     overflow: hidden;
   }
 
@@ -63,7 +65,7 @@ const {list} = await http.get<ApiPageResponse<Post>>("post");
     color: rgb(66, 63, 63);
   }
 
-  .cover{
+  .cover {
     width: 250px;
     height: 150px;
     border-radius: 8px;