Add chinese docs (#17954)

* add docs chinese i18n

* fix some broken links

* update some i18n

* update chinese docs

* add chinese community docs

* Change docs i18n chinese label

docs/src/components/LanguageAlert/index.jsx

@@ -0,0 +1,25 @@
+import React, { useEffect, useState } from 'react';
+import { useLocation } from '@docusaurus/router';
+import styles from './styles.module.css';
+
+export default function LanguageAlert() {
+  const [showAlert, setShowAlert] = useState(false);
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    const userLanguage = navigator?.language || 'en';
+    const isChineseUser = userLanguage.includes('zh');
+    setShowAlert(isChineseUser);
+    
+  }, [pathname]);
+
+  if (!showAlert) return null;
+
+  return (
+    <div className={styles.alert}>
+      <span>检测到您的主要语言为中文，您可以访问由中文社区翻译的</span>
+      <a href={'https://docs.frigate-cn.video'+pathname}>中文文档</a>
+      <span> 以获得更好的体验</span>
+    </div>
+  );
+}

docs/src/components/LanguageAlert/styles.module.css

@@ -0,0 +1,13 @@
+.alert {
+    padding: 12px;
+    background: #fff8e6;
+    border-bottom: 1px solid #ffd166;
+    text-align: center;
+    font-size: 15px;
+  }
+  
+  .alert a {
+    color: #1890ff;
+    font-weight: 500;
+    margin-left: 6px;
+  }

docs/src/theme/Navbar/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import NavbarLayout from '@theme/Navbar/Layout';
+import NavbarContent from '@theme/Navbar/Content';
+import LanguageAlert from '../../components/LanguageAlert';
+
+export default function Navbar() {
+  return (
+    <>
+      <NavbarLayout>
+        <NavbarContent />
+      </NavbarLayout>
+      <LanguageAlert />
+    </>
+  );
+}