update

Author: neveler

src/components/react/HitsInfo.tsx

@@ -1,17 +1,22 @@
 import React from "react";
 
-export type Props = {};
+export type Props = {
+  tag: string;
+  label: string;
+  today: string;
+  total: string;
+};
 
 type Data = {
   today: string;
   total: string;
 };
 
-const HitsInfo: React.FC<Props> = ({}) => {
+const HitsInfo: React.FC<Props> = ({ tag, label, today: todayLabel, total: totalLabel }) => {
   const [data, setData] = React.useState<Data | null>(null);
   React.useEffect(() => {
     const hitsUrl = new URL("https://hits.zkitefly.eu.org");
-    hitsUrl.searchParams.set("tag", window.location.origin + window.location.pathname);
+    hitsUrl.searchParams.set("tag", tag);
 
     fetch(hitsUrl)
       .then(async (response) => {
@@ -30,18 +35,16 @@ const HitsInfo: React.FC<Props> = ({}) => {
         const [total, today] = parts;
         setData({ total, today });
       })
-      .catch(() => {
-        // 与原逻辑一致：忽略错误
-      });
+      .catch(() => {});
   }, []);
 
   if (!data) return <></>;
 
   return (
     <div className="hits">
-      <strong>访问量</strong> <span title="今日访问">{data.today}</span>
+      <strong>{label}</strong> <span title={todayLabel}>{data.today}</span>
       {" / "}
-      <span title="总访问">{data.total}</span>
+      <span title={totalLabel}>{data.total}</span>
     </div>
   );
 };

src/components/starlight/PageTitle.astro

@@ -2,6 +2,11 @@
 import DefaultPageTitle from "@astrojs/starlight/components/PageTitle.astro";
 import HitsInfo from "@components/react/HitsInfo";
 
+let tag = Astro.url.href;
+if (!tag.endsWith("/") && !tag.endsWith(".html")) {
+  tag += ".html";
+}
+
 const { contributors } = Astro.locals.starlightRoute.entry.data;
 const showContributors = Array.isArray(contributors) && contributors.length > 0;
 ---
@@ -16,5 +21,11 @@ const showContributors = Array.isArray(contributors) && contributors.length > 0;
       </div>
     )
   }
-  <HitsInfo client:load />
+  <HitsInfo
+    tag={tag}
+    label={Astro.locals.t("page.hits.label")}
+    today={Astro.locals.t("page.hits.today")}
+    total={Astro.locals.t("page.hits.total")}
+    client:only="react"
+  />
 </div>

src/content.config.ts

@@ -27,6 +27,9 @@ export const collections = {
     schema: i18nSchema({
       extend: z.object({
         "page.contributors": z.string(),
+        "page.hits.label": z.string(),
+        "page.hits.today": z.string(),
+        "page.hits.total": z.string(),
       }),
     }),
   }),

src/content/i18n/en.json

@@ -27,5 +27,8 @@
   "fileTree.directory": "Directory",
   "builtWithStarlight.label": "Built with Starlight",
   "heading.anchorLabel": "Section titled \"{{title}}\"",
-  "page.contributors": "Contributors"
+  "page.contributors": "Contributors",
+  "page.hits.label": "Visits",
+  "page.hits.today": "Today Visits",
+  "page.hits.total": "Total Visits"
 }

src/content/i18n/zh-Hans.json

@@ -27,5 +27,8 @@
   "fileTree.directory": "文件夹",
   "builtWithStarlight.label": "基于 Starlight 构建",
   "heading.anchorLabel": "标题为“{{title}}”的章节",
-  "page.contributors": "贡献者"
+  "page.contributors": "贡献者",
+  "page.hits.label": "访问量",
+  "page.hits.today": "今日访问",
+  "page.hits.total": "总访问"
 }

src/content/i18n/zh-Hant.json

@@ -27,5 +27,8 @@
   "fileTree.directory": "目錄",
   "builtWithStarlight.label": "基於 Starlight 構建",
   "heading.anchorLabel": "標題爲「{{title}}」的章節",
-  "page.contributors": "貢獻者"
+  "page.contributors": "貢獻者",
+  "page.hits.label": "訪問量",
+  "page.hits.today": "今日訪問",
+  "page.hits.total": "總訪問"
 }