支持页面定时跳转

Author: neveler

src/components/starlight/PageTitle.astro

@@ -1,16 +1,37 @@
 ---
-import DefaultPageTitle from "@astrojs/starlight/components/PageTitle.astro";
 import HitsInfo from "@components/react/HitsInfo";
+import { Aside } from "@astrojs/starlight/components";
+import DefaultPageTitle from "@astrojs/starlight/components/PageTitle.astro";
 
 let tag = Astro.url.href;
 if (!tag.endsWith("/") && !tag.endsWith(".html")) {
   tag += ".html";
 }
 
-const { contributors } = Astro.locals.starlightRoute.entry.data;
+const { autoRedirect, contributors } = Astro.locals.starlightRoute.entry.data;
 const showContributors = Array.isArray(contributors) && contributors.length > 0;
+
+const clientVars = autoRedirect ?? { delay: 0, href: "" };
 ---
 
+{
+  autoRedirect && (
+    <div id="auto-redirect">
+      <Aside type="tip">
+        {"页面将在 "}
+        <span id="auto-redirect-countdown">{autoRedirect.delay}</span>
+        {" 秒后自动跳转到"}
+        <a href={autoRedirect.href}>{autoRedirect.text}</a>
+        {"，您也可以手动"}
+        <a href="javascript:;" id="auto-redirect-cancel">
+          {"取消跳转"}
+        </a>
+        。
+      </Aside>
+    </div>
+  )
+}
+
 <DefaultPageTitle />
 
 <div class="info">
@@ -29,3 +50,25 @@ const showContributors = Array.isArray(contributors) && contributors.length > 0;
     client:only="react"
   />
 </div>
+
+<script is:inline define:vars={clientVars}>
+  const autoRedirect = document.getElementById("auto-redirect");
+  if (!autoRedirect) return;
+  const autoRedirectCountdown = document.getElementById("auto-redirect-countdown");
+  if (autoRedirectCountdown && delay > 0) {
+    let countdown = delay;
+    const autoRedirectCancel = document.getElementById("auto-redirect-cancel");
+    const interval = setInterval(() => {
+      if (countdown > 0) {
+        autoRedirectCountdown.textContent = String(--countdown);
+      } else {
+        clearInterval(interval);
+        location.href = href;
+      }
+    }, 1000);
+    autoRedirectCancel.addEventListener("click", () => {
+      clearInterval(interval);
+      autoRedirect.style.display = "none";
+    });
+  }
+</script>

src/content.config.ts

@@ -19,6 +19,13 @@ export const collections = {
             })
           )
           .optional(),
+        autoRedirect: z
+          .object({
+            delay: z.number(),
+            text: z.string(),
+            href: z.string(),
+          })
+          .optional(),
       }),
     }),
   }),

src/content/docs/multiplayer/feedback.mdx src/content/docs/multiplayer/feedback.mdsrc/content/docs/multiplayer/feedback.mdx renamed to src/content/docs/multiplayer/feedback.md

@@ -3,15 +3,17 @@ title: 反馈
 contributors:
   - Burning_TNT
   - TyMxy
+autoRedirect:
+  delay: 10
+  text: 反馈表单
+  href: https://f.kdocs.cn/ksform/w/write/njMwdtgD?channel=mdlsjp
 tableOfContents: false
 lastUpdated: 2025-12-03T16:39:00+08:00
 ---
 
-import { Aside } from "@astrojs/starlight/components";
-
-<Aside type="tip">
-  欢迎您填写[反馈表单](https://f.kdocs.cn/ksform/w/write/njMwdtgD?channel=mdlsjp)。
-</Aside>
+:::tip
+欢迎您填写[反馈表单](https://f.kdocs.cn/ksform/w/write/njMwdtgD?channel=mdlsjp)。
+:::
 
 我们注意到了 EasyTier 项目。它提供了一种简单、安全、去中心化的异地组网方案，足以承载 Minecraft 的联机需求。
 在 EasyTier 开发团队的帮助下，我们决定重新在启动器内提供联机服务。