From ed01ac16d3f23a9d7fcb490665f8a1999befa886 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9E=E7=A7=98=E4=BA=BA?= <3311118881@qq.com>
Date: Tue, 20 May 2025 19:16:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD=E5=BC=95=E5=85=A5=E8=BF=90=E8=A1=8C=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=A2=9E=E5=BC=BA=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=EF=BC=8C=E7=A1=AE?=
 =?UTF-8?q?=E4=BF=9D=E7=94=A8=E6=88=B7=E8=83=BD=E5=A4=9F=E8=8E=B7=E5=8F=96?=
 =?UTF-8?q?=E7=AB=99=E7=82=B9=E8=BF=90=E8=A1=8C=E7=8A=B6=E6=80=81=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/other/timer.svg           |  1 +
 src/components/Sidebar/RunTime/index.tsx | 41 ++++++++++++++++++++++++
 src/components/Sidebar/index.tsx         |  4 +++
 3 files changed, 46 insertions(+)
 create mode 100644 src/assets/svg/other/timer.svg
 create mode 100644 src/components/Sidebar/RunTime/index.tsx

diff --git a/src/assets/svg/other/timer.svg b/src/assets/svg/other/timer.svg
new file mode 100644
index 0000000..2ad97bc
--- /dev/null
+++ b/src/assets/svg/other/timer.svg
@@ -0,0 +1 @@
+<svg t="1747738301352" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8137" width="200" height="200"><path d="M734.485 637.566l-96.168-95.326c-22.612-22.414 0-45.538 0-45.538l103.17-102.268c70.032-69.419 67.162-170.563 67.162-170.563l0.016-131.26L511.999 67 215.334 92.611l0.016 131.26s-2.871 101.144 67.162 170.563l103.17 102.268s22.612 23.124 0 45.538l-96.168 95.326s-74.161 72.923-74.161 189.243c0 116.318-0.016 130.19-0.016 130.19h593.33s-0.018-13.873-0.018-130.19c-0.002-116.319-74.164-189.243-74.164-189.243z" fill="#889FFF" p-id="8138"></path><path d="M368.293 804.902h287.411l-127.74-117.637-0.002-147.045c-0.256-34.087 14.715-55.622 21.475-62.528l66.63-66.042c23.268-23.059 23.675-60.251 23.693-60.411H384.231c-0.009 0.356 0.826 37.738 23.693 60.411l67.353 66.769c6.042 6.18 21.505 27.715 21.248 61.801l-0.4 146.958-127.832 117.724z" fill="#FFFFFF" p-id="8139"></path></svg>
\ No newline at end of file
diff --git a/src/components/Sidebar/RunTime/index.tsx b/src/components/Sidebar/RunTime/index.tsx
new file mode 100644
index 0000000..bee11a1
--- /dev/null
+++ b/src/components/Sidebar/RunTime/index.tsx
@@ -0,0 +1,41 @@
+"use client"
+
+import { useState } from 'react';
+import Image from 'next/image';
+import Timer from '@/assets/svg/other/timer.svg';
+
+export default () => {
+  const [time, setTime] = useState(1547647320000);
+
+  const calculateTimeDifference = (startTimestamp: number) => {
+    const startDate = new Date(startTimestamp);
+    const currentDate = new Date();
+    
+    let years = currentDate.getFullYear() - startDate.getFullYear();
+    let months = currentDate.getMonth() - startDate.getMonth();
+    let days = currentDate.getDate() - startDate.getDate();
+    
+    // 处理月份和天数的进位
+    if (days < 0) {
+      const lastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0);
+      days += lastMonth.getDate();
+      months--;
+    }
+    if (months < 0) {
+      months += 12;
+      years--;
+    }
+
+    return `${years}年 ${months}个月 ${days}天`;
+  };
+
+  return (
+    <div className="flex flex-col tw_container bg-white dark:bg-black-b p-4 mb-5 tw_title">
+      <div className="tw_title w-full dark:text-white">
+        <Image src={Timer} alt="站点运行时间" width={33} height={23} /> 站点运行时间
+      </div>
+
+      <div className="mt-2.5">{calculateTimeDifference(time)}</div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
index 211ee38..e716083 100755
--- a/src/components/Sidebar/index.tsx
+++ b/src/components/Sidebar/index.tsx
@@ -2,6 +2,7 @@ import Author from "./Author"
 import HotArticle from "./HotArticle"
 import RandomArticle from "./RandomArticle"
 import Comment from "./Comment"
+import RunTime from "./RunTime"
 import { getConfigDataAPI } from '@/api/project'
 import { Theme } from "@/types/app/project"
 
@@ -14,6 +15,9 @@ export default async () => {
       <div className={`hidden lg:block ${sidebar.length ? 'lg:w-[29%] xl:w-[24%]' : 'w-0'} rounded-md transition-width sticky top-[70px]`}>
         {/* 作者介绍 */}
         {sidebar.includes("author") && <Author/>}
+        {/* 站点已运行 */}
+        {/* {sidebar.includes("runTime") && <RunTime/>} */}
+        <RunTime/>
         {/* 随机推荐 */}
         {sidebar.includes("randomArticle") && <RandomArticle/>}
         {/* 热门文章 */}