+
+
+ );
+}
+export default Layout;
diff --git a/src/assets/image.png b/src/assets/image.png
new file mode 100644
index 0000000..38359f8
Binary files /dev/null and b/src/assets/image.png differ
diff --git a/src/components/Content.tsx b/src/components/Content.tsx
new file mode 100644
index 0000000..88dfec5
--- /dev/null
+++ b/src/components/Content.tsx
@@ -0,0 +1,109 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Button } from "@/components/ui/button";
+import img from "../assets/image.png";
+import { ThumbsUpIcon, ThumbsDownIcon, StarIcon } from "lucide-react";
+function Content() {
+ return (
+
+
+ );
+}
+
+function Tab() {
+ return (
+
+ ![]()
+
+
+ );
+}
+
+function Img() {
+ return (
+
+ 
+
+
+
+
+
+ 明月清风
+
+
+ 轻轻的我走了，正如我轻轻的来
+
+
+
+
+
+
+
+
+
+
+ 浏览量:888
+ 收藏量:666
+ +
+
+ );
+}
+
+function NoImg() {
+ return (
+ 合作共赢
+
+ 一个是最大的发展中国家，一个是发展中国家最集中的大陆，中国和非洲有着天然的亲近感。习近平主席近日复信津巴布韦解放斗争老战士时指出，“70年来，中国始终是非洲民族解放和发展振兴事业的好战友、好伙伴，同非洲朋友相互尊重、相互支持，携手走过峥嵘岁月，共同踏上现代化新征程”。
+ 中非友好合作的历史长卷中，每一帧携手并肩的画面，都浸润着穿越时空的温度与力量。
+ 2013年，习近平就任国家主席后首次出访就选择非洲，提出真实亲诚对非政策理念和正确义利观，为新时代中非关系加速发展定下基调。十多年来，习近平主席五次踏上非洲大陆，为中非全方位合作擘画发展蓝图。
+ “真诚友好、平等相待，互利共赢、共同发展，主持公道、捍卫正义，顺应时势、开放包容”——2021年11月，在中非合作论坛第八届部长级会议开幕式上，习近平主席精辟概括中非友好合作精神。历经岁月洗礼，中非人民守望相助、合作发展，中非关系进入历史最好时期。
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+export default Content;
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..975b278
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,118 @@
+import avatar from "@/assets/image.png";
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Link } from "react-router-dom";
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuGroup,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+ BookOpenTextIcon,
+ BellIcon,
+ SettingsIcon,
+ UserIcon,
+ ClipboardPenLineIcon,
+ IterationCwIcon,
+ LogOutIcon,
+} from "lucide-react"
+function Header() {
+ const [loginFlag, useLoginFlag] = useState(false);
+ return (
+ <>
+
+ 一个是最大的发展中国家，一个是发展中国家最集中的大陆，中国和非洲有着天然的亲近感。习近平主席近日复信津巴布韦解放斗争老战士时指出，“70年来，中国始终是非洲民族解放和发展振兴事业的好战友、好伙伴，同非洲朋友相互尊重、相互支持，携手走过峥嵘岁月，共同踏上现代化新征程”。
+ 中非友好合作的历史长卷中，每一帧携手并肩的画面，都浸润着穿越时空的温度与力量。
+ 2013年，习近平就任国家主席后首次出访就选择非洲，提出真实亲诚对非政策理念和正确义利观，为新时代中非关系加速发展定下基调。十多年来，习近平主席五次踏上非洲大陆，为中非全方位合作擘画发展蓝图。
+ “真诚友好、平等相待，互利共赢、共同发展，主持公道、捍卫正义，顺应时势、开放包容”——2021年11月，在中非合作论坛第八届部长级会议开幕式上，习近平主席精辟概括中非友好合作精神。历经岁月洗礼，中非人民守望相助、合作发展，中非关系进入历史最好时期。
+
+
+ +
+
+
+ );
+}
+
+function Unlogin() {
+ return(
+
+
+ X-Blog
+
+
+ -
+
- 首页 +
- 上传 +
- 关于 +
- 我的空间 +
+
+ );
+}
+
+function Logined() {
+ return (
+ <>
+ 登录
+ 注册
+
+ 
+
+
+ );
+}
+
+export default Header;
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..915ea2a
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,64 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+ {
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+ outline:
+ "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+ secondary:
+ "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ ghost:
+ "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2 has-[>svg]:px-3",
+ xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+ sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+ icon: "size-9",
+ "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+ "icon-sm": "size-8",
+ "icon-lg": "size-10",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+function Button({
+ className,
+ variant = "default",
+ size = "default",
+ asChild = false,
+ ...props
+}: React.ComponentProps<"button"> &
+ VariantProps
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 我的文章
+ 我的留言
+
+
+ 更换账号
+ 退出
+
+
+
+
+
+
+ );
+}
+export default Register;
diff --git a/src/routes.tsx b/src/routes.tsx
new file mode 100644
index 0000000..45028ac
--- /dev/null
+++ b/src/routes.tsx
@@ -0,0 +1,26 @@
+import { createBrowserRouter,Navigate } from "react-router-dom";
+import Layout from "@/Layout.tsx";
+import Main from "./pages/Main";
+import Register from "./pages/Register";
+const router = createBrowserRouter([
+ {
+ path: "/",
+ element:
+ 用户注册
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 用户名已被注册
+
+
+
+
+
+
+ 密码必须大于6位
+
+
+
+
+
+
+
+ 两次输入的密码不一致
+
+
+
+
+
+
+
+ 邮箱格式不正确
+
+
+
+
+
+
+ 无效的邀请码
+
+
+
+
+
+
+ 无效的验证码
+
+
+
+ +
+
+
+