🎉 Initial Setup

2025-06-14 23:40:57 +08:00
parent 148aac5a92
commit 5e33947060
5 changed files with 63 additions and 72 deletions
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -1,18 +1,18 @@
-import Link from 'next/link';
+import Link from "next/link";

 export default function HomePage() {
  return (
    <main className="flex flex-1 flex-col justify-center text-center">
-      <h1 className="mb-4 text-2xl font-bold">Hello World</h1>
+      <h1 className="mb-4 text-2xl font-bold">Ciallo ～(∠・ω&lt; )⌒★!</h1>
      <p className="text-fd-muted-foreground">
-        You can open{' '}
+        虽然不知道你是为什么会来到这个首页，但是你应该可以点击{" "}
        <Link
          href="/docs"
          className="text-fd-foreground font-semibold underline"
        >
          /docs
-        </Link>{' '}
-        and see the documentation.
+        </Link>{" "}
+        来看真正的文档内容。
      </p>
    </main>
  );
--- a/src/app/layout.config.tsx
+++ b/src/app/layout.config.tsx
@@ -1,4 +1,5 @@
-import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import { GithubInfo } from "fumadocs-ui/components/github-info";
+import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";

 /**
 * Shared layout configurations
@@ -11,18 +12,21 @@ export const baseOptions: BaseLayoutProps = {
  nav: {
    title: (
      <>
-        <svg
+        <img
+          src="https://solsynth.dev/icon.png"
          width="24"
          height="24"
-          xmlns="http://www.w3.org/2000/svg"
-          aria-label="Logo"
-        >
-          <circle cx={12} cy={12} r={12} fill="currentColor" />
-        </svg>
-        My App
+          alt="Solardocs Logo"
+        />
+        Solardocs
      </>
    ),
  },
  // see https://fumadocs.dev/docs/ui/navigation/links
-  links: [],
+  links: [
+    {
+      type: "custom",
+      children: <GithubInfo owner="Solsynth" repo="Solian" />,
+    },
+  ],
 };
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,17 +1,21 @@
-import './global.css';
-import { RootProvider } from 'fumadocs-ui/provider';
-import { Inter } from 'next/font/google';
-import type { ReactNode } from 'react';
+import { Banner } from "fumadocs-ui/components/banner";
+import "./global.css";
+import { RootProvider } from "fumadocs-ui/provider";
+import { Inter } from "next/font/google";
+import type { ReactNode } from "react";

 const inter = Inter({
-  subsets: ['latin'],
+  subsets: ["latin"],
 });

 export default function Layout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" className={inter.className} suppressHydrationWarning>
      <body className="flex flex-col min-h-screen">
-        <RootProvider>{children}</RootProvider>
+        <RootProvider>
+          <Banner id="solar-network-v3-initial" variant="rainbow">Solar Network v3 现已发布</Banner>
+          {children}
+        </RootProvider>
      </body>
    </html>
  );