{socialLinks.map((link: any) => {
const Icon = iconMap[link.icon as keyof typeof iconMap];
@@ -57,10 +88,11 @@ function App() {
href={link.url}
target="_blank"
rel="noopener noreferrer"
- className="transition-colors"
+ className={link.color}
+ aria-label={link.name}
title={link.name}
>
-
);
})}
diff --git a/src/components/Breadcrumb.tsx b/src/components/Breadcrumb.tsx
new file mode 100644
index 0000000..16c3156
--- /dev/null
+++ b/src/components/Breadcrumb.tsx
@@ -0,0 +1,70 @@
+import React from 'react';
+import { Link, useLocation } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+
+const Breadcrumb: React.FC = () => {
+ const { t } = useTranslation();
+ const location = useLocation();
+ const pathnames = location.pathname.split('/').filter(x => x);
+
+ // 如果是首页，不显示面包屑
+ if (pathnames.length === 0) {
+ return null;
+ }
+
+ return (
+
+ );
+};
+
+export default Breadcrumb;
diff --git a/src/components/LoadingSpinner.tsx b/src/components/LoadingSpinner.tsx
new file mode 100644
index 0000000..cda0d28
--- /dev/null
+++ b/src/components/LoadingSpinner.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const LoadingSpinner: React.FC = () => {
+ const { t } = useTranslation();
+
+ return (
+
+ );
+};
+
+export default LoadingSpinner;
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 6347490..93ae5af 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,6 +1,6 @@
import React, { useState } from 'react';
import { Link, useLocation } from 'react-router-dom';
-import { Book, Menu, X } from 'lucide-react';
+import { Menu, X } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import LanguageSwitcher from './LanguageSwitcher';
import ThemeSwitcher from './ThemeSwitcher';
@@ -28,7 +28,7 @@ const Navbar = () => {
-
+
{t('brand.name')}
diff --git a/src/main.tsx b/src/main.tsx
index 679b2c5..e366de7 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,5 +1,6 @@
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
+import { HelmetProvider } from 'react-helmet-async';
import App from './App.tsx';
import './i18n';
import './index.css';
@@ -15,8 +16,10 @@ const queryClient = new QueryClient({
createRoot(document.getElementById('root')!).render(
-
-
-
+
+
+
+
+
);
\ No newline at end of file
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index 7357e5d..265f8a5 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -1,11 +1,94 @@
import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { useTranslation } from 'react-i18next';
import About from '../components/About';
const AboutPage = () => {
+ const { t, i18n } = useTranslation();
+ const currentLang = i18n.language;
+
+ const pageTitle = t('about.meta.title');
+ const pageDescription = t('about.meta.description');
+
+ // 构建页面级别的结构化数据
+ const schemaOrg = {
+ '@context': 'https://schema.org',
+ '@type': 'AboutPage',
+ name: pageTitle,
+ description: pageDescription,
+ url: 'https://mirror.starset.fans/about',
+ inLanguage: currentLang,
+ isPartOf: {
+ '@type': 'WebSite',
+ name: 'STARSET Mirror',
+ url: 'https://mirror.starset.fans'
+ },
+ breadcrumb: {
+ '@type': 'BreadcrumbList',
+ itemListElement: [
+ {
+ '@type': 'ListItem',
+ position: 1,
+ item: {
+ '@id': 'https://mirror.starset.fans',
+ name: t('nav.home')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 2,
+ item: {
+ '@id': 'https://mirror.starset.fans/projects',
+ name: t('nav.projects')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 3,
+ item: {
+ '@id': 'https://mirror.starset.fans/updates',
+ name: t('nav.updates')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 4,
+ item: {
+ '@id': 'https://mirror.starset.fans/contributors',
+ name: t('nav.contributors')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 5,
+ item: {
+ '@id': 'https://mirror.starset.fans/about',
+ name: t('nav.about')
+ }
+ }
+ ]
+ }
+ };
+
return (
-
+ <>
+
+
+
{pageTitle}
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/src/pages/ContributorsPage.tsx b/src/pages/ContributorsPage.tsx
index ed52681..b3796ce 100644
--- a/src/pages/ContributorsPage.tsx
+++ b/src/pages/ContributorsPage.tsx
@@ -1,11 +1,94 @@
import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { useTranslation } from 'react-i18next';
import Contributors from '../components/Contributors';
const ContributorsPage = () => {
+ const { t, i18n } = useTranslation();
+ const currentLang = i18n.language;
+
+ const pageTitle = t('contributors.meta.title');
+ const pageDescription = t('contributors.meta.description');
+
+ // 构建页面级别的结构化数据
+ const schemaOrg = {
+ '@context': 'https://schema.org',
+ '@type': 'CollectionPage',
+ name: pageTitle,
+ description: pageDescription,
+ url: 'https://mirror.starset.fans/contributors',
+ inLanguage: currentLang,
+ isPartOf: {
+ '@type': 'WebSite',
+ name: 'STARSET Mirror',
+ url: 'https://mirror.starset.fans'
+ },
+ breadcrumb: {
+ '@type': 'BreadcrumbList',
+ itemListElement: [
+ {
+ '@type': 'ListItem',
+ position: 1,
+ item: {
+ '@id': 'https://mirror.starset.fans',
+ name: t('nav.home')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 2,
+ item: {
+ '@id': 'https://mirror.starset.fans/projects',
+ name: t('nav.projects')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 3,
+ item: {
+ '@id': 'https://mirror.starset.fans/updates',
+ name: t('nav.updates')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 4,
+ item: {
+ '@id': 'https://mirror.starset.fans/contributors',
+ name: t('nav.contributors')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 5,
+ item: {
+ '@id': 'https://mirror.starset.fans/about',
+ name: t('nav.about')
+ }
+ }
+ ]
+ }
+ };
+
return (
-
-
-
+ <>
+
+
+
{pageTitle}
+
+
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 0919ebc..7fcd28a 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,11 +1,93 @@
import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { useTranslation } from 'react-i18next';
import Hero from '../components/Hero';
-const HomePage = () => {
+const HomePage: React.FC = () => {
+ const { t, i18n } = useTranslation();
+ const currentLang = i18n.language;
+
+ const pageTitle = t('home.meta.title');
+ const pageDescription = t('home.meta.description');
+
+ // 构建页面级别的结构化数据
+ const schemaOrg = {
+ '@context': 'https://schema.org',
+ '@type': 'WebPage',
+ name: pageTitle,
+ description: pageDescription,
+ url: 'https://mirror.starset.fans',
+ inLanguage: currentLang,
+ isPartOf: {
+ '@type': 'WebSite',
+ name: 'STARSET Mirror',
+ url: 'https://mirror.starset.fans'
+ },
+ breadcrumb: {
+ '@type': 'BreadcrumbList',
+ itemListElement: [
+ {
+ '@type': 'ListItem',
+ position: 1,
+ item: {
+ '@id': 'https://mirror.starset.fans',
+ name: t('nav.home')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 2,
+ item: {
+ '@id': 'https://mirror.starset.fans/projects',
+ name: t('nav.projects')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 3,
+ item: {
+ '@id': 'https://mirror.starset.fans/updates',
+ name: t('nav.updates')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 4,
+ item: {
+ '@id': 'https://mirror.starset.fans/contributors',
+ name: t('nav.contributors')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 5,
+ item: {
+ '@id': 'https://mirror.starset.fans/about',
+ name: t('nav.about')
+ }
+ }
+ ]
+ }
+ };
+
return (
-
+ <>
+
+
+
{pageTitle}
+
+
+
+
+
+
+
+
+
-
+
);
};
diff --git a/src/pages/ProjectsPage.tsx b/src/pages/ProjectsPage.tsx
index ed17c12..3456ca9 100644
--- a/src/pages/ProjectsPage.tsx
+++ b/src/pages/ProjectsPage.tsx
@@ -1,11 +1,94 @@
import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { useTranslation } from 'react-i18next';
import Projects from '../components/Projects';
const ProjectsPage = () => {
+ const { t, i18n } = useTranslation();
+ const currentLang = i18n.language;
+
+ const pageTitle = t('projects.meta.title');
+ const pageDescription = t('projects.meta.description');
+
+ // 构建页面级别的结构化数据
+ const schemaOrg = {
+ '@context': 'https://schema.org',
+ '@type': 'CollectionPage',
+ name: pageTitle,
+ description: pageDescription,
+ url: 'https://mirror.starset.fans/projects',
+ inLanguage: currentLang,
+ isPartOf: {
+ '@type': 'WebSite',
+ name: 'STARSET Mirror',
+ url: 'https://mirror.starset.fans'
+ },
+ breadcrumb: {
+ '@type': 'BreadcrumbList',
+ itemListElement: [
+ {
+ '@type': 'ListItem',
+ position: 1,
+ item: {
+ '@id': 'https://mirror.starset.fans',
+ name: t('nav.home')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 2,
+ item: {
+ '@id': 'https://mirror.starset.fans/projects',
+ name: t('nav.projects')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 3,
+ item: {
+ '@id': 'https://mirror.starset.fans/updates',
+ name: t('nav.updates')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 4,
+ item: {
+ '@id': 'https://mirror.starset.fans/contributors',
+ name: t('nav.contributors')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 5,
+ item: {
+ '@id': 'https://mirror.starset.fans/about',
+ name: t('nav.about')
+ }
+ }
+ ]
+ }
+ };
+
return (
-
+ <>
+
+
+
{pageTitle}
+
+
+
+
+
+
+
+
+
+
);
};
diff --git a/src/pages/UpdatesPage.tsx b/src/pages/UpdatesPage.tsx
index 616ef6b..98c7da5 100644
--- a/src/pages/UpdatesPage.tsx
+++ b/src/pages/UpdatesPage.tsx
@@ -1,11 +1,94 @@
import React from 'react';
+import { Helmet } from 'react-helmet-async';
+import { useTranslation } from 'react-i18next';
import Timeline from '../components/Timeline';
const UpdatesPage = () => {
+ const { t, i18n } = useTranslation();
+ const currentLang = i18n.language;
+
+ const pageTitle = t('updates.meta.title');
+ const pageDescription = t('updates.meta.description');
+
+ // 构建页面级别的结构化数据
+ const schemaOrg = {
+ '@context': 'https://schema.org',
+ '@type': 'CollectionPage',
+ name: pageTitle,
+ description: pageDescription,
+ url: 'https://mirror.starset.fans/updates',
+ inLanguage: currentLang,
+ isPartOf: {
+ '@type': 'WebSite',
+ name: 'STARSET Mirror',
+ url: 'https://mirror.starset.fans'
+ },
+ breadcrumb: {
+ '@type': 'BreadcrumbList',
+ itemListElement: [
+ {
+ '@type': 'ListItem',
+ position: 1,
+ item: {
+ '@id': 'https://mirror.starset.fans',
+ name: t('nav.home')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 2,
+ item: {
+ '@id': 'https://mirror.starset.fans/projects',
+ name: t('nav.projects')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 3,
+ item: {
+ '@id': 'https://mirror.starset.fans/updates',
+ name: t('nav.updates')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 4,
+ item: {
+ '@id': 'https://mirror.starset.fans/contributors',
+ name: t('nav.contributors')
+ }
+ },
+ {
+ '@type': 'ListItem',
+ position: 5,
+ item: {
+ '@id': 'https://mirror.starset.fans/about',
+ name: t('nav.about')
+ }
+ }
+ ]
+ }
+ };
+
return (
-
-
-
+ <>
+
+
+
{pageTitle}
+
+
+
+
+
+
+
+
+
+
+
+
);
};