fix: 国内开发模式下，忽略remarkImage报错

Author: longsizhuo

app/components/Footer.tsx

@@ -1,4 +1,5 @@
 import { Github, MessageCircle, ExternalLink } from "lucide-react";
+import { BRAND_ICON_TEXT, BRAND_NAME } from "@/lib/brand";
 
 export function Footer() {
   return (
@@ -10,11 +11,11 @@ export function Footer() {
             <div className="flex items-center space-x-2 mb-4">
               <div className="w-8 h-8 bg-gradient-primary rounded-lg flex items-center justify-center">
                 <span className="text-primary-foreground font-bold text-lg">
-                  IH
+                  {BRAND_ICON_TEXT}
                 </span>
               </div>
               <span className="font-bold text-xl bg-gradient-primary bg-clip-text text-transparent">
-                Involution Hell
+                {BRAND_NAME}
               </span>
             </div>
             <p className="text-muted-foreground mb-6 max-w-md">
@@ -118,8 +119,7 @@ export function Footer() {
         {/* Copyright */}
         <div className="border-t border-border mt-12 pt-8 text-center text-muted-foreground">
           <p>
-            &copy; {new Date().getFullYear()} Involution Hell.
-            完全开源，永远免费。
+            &copy; {new Date().getFullYear()} {BRAND_NAME}. 完全开源，永远免费。
           </p>
         </div>
       </div>

app/components/Header.tsx

@@ -5,6 +5,7 @@ import { Github as GithubIcon } from "./icons/Github";
 import { SignInButton } from "./SignInButton";
 import { auth } from "@/auth";
 import { UserMenu } from "./UserMenu";
+import { BRAND_ICON_TEXT, BRAND_NAME } from "@/lib/brand";
 
 export async function Header() {
   const session = await auth();
@@ -18,13 +19,13 @@ export async function Header() {
     <header className="fixed top-0 w-full z-50 bg-background/80 backdrop-blur-lg border-b border-border">
       <div className="container mx-auto px-6 h-16 flex items-center justify-between">
         <div className="flex items-center gap-3">
-          {/* 简洁方形标识，无渐变、无圆角 */}
+          {/* 简洁标识，无渐变、无圆角 */}
           <div className="w-8 h-8 border border-gray-300 dark:border-gray-700 flex items-center justify-center text-sm font-semibold">
-            IH
+            {BRAND_ICON_TEXT}
           </div>
           {/* 纯文本标题，无渐变 */}
           <span className="font-semibold text-lg tracking-tight">
-            Involution Hell
+            {BRAND_NAME}
           </span>
         </div>
 

app/layout.tsx

@@ -6,6 +6,7 @@ import "./globals.css";
 import "katex/dist/katex.min.css";
 import { ThemeProvider } from "@/app/components/ThemeProvider";
 import { SpeedInsights } from "@vercel/speed-insights/next";
+import { BRAND_NAME } from "@/lib/brand";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -19,7 +20,7 @@ const geistMono = localFont({
 });
 
 export const metadata: Metadata = {
-  title: "Involution Hell",
+  title: BRAND_NAME,
   description: "A modern documentation site built with Fumadocs",
 };
 

lib/brand.ts

@@ -0,0 +1,2 @@
+export const BRAND_NAME = "Involution Hell";
+export const BRAND_ICON_TEXT = "🪐";

lib/layout.shared.tsx

@@ -1,10 +1,11 @@
 import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
 import { SignInButton } from "@/app/components/SignInButton";
+import { BRAND_NAME } from "@/lib/brand";
 
 export function baseOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: "Involution Hell",
+      title: BRAND_NAME,
       children: (
         <div className="ms-auto flex justify-end">
           <SignInButton />

source.config.ts

@@ -6,9 +6,16 @@ export const docs = defineDocs({
   dir: "app/docs",
 });
 
+// 默认改为忽略拉取远程图片尺寸时的网络错误，既不中断构建，也能在可访问时自动补全宽高。
+const imageOptions =
+  process.env.DOCS_REMOTE_IMAGE_SIZE === "force"
+    ? undefined
+    : { onError: "ignore" as const };
+
 export default defineConfig({
   mdxOptions: {
     remarkPlugins: [remarkMath],
     rehypePlugins: (v) => [rehypeKatex, ...v],
+    ...(imageOptions && { remarkImageOptions: imageOptions }),
   },
 });