feat: 集成百度统计

Author: CC11001100

src/App.tsx

@@ -10,13 +10,15 @@ import GitHubRibbon from './components/GitHubRibbon'
 import PageTitle from './components/PageTitle'
 import './gh-fork-ribbon.css';
 import './styles/github-ribbon-fix.css';
+import BaiduAnalytics from './components/BaiduAnalytics'
 
 const App = () => {
     return (
         <Router>
             <div className="App">
                 <PageTitle />
                 <GitHubRibbon repositoryUrl="https://github.com/JSREP/crawler-leetcode" />
+                <BaiduAnalytics siteId="b4fcc22834ded2c9864e661e6a5a634d" />
                 <NavBar/>
                 <div className="content-wrapper" style={{ padding: '20px 0' }}>
                     <Routes>

src/components/BaiduAnalytics.tsx

@@ -0,0 +1,35 @@
+import { useEffect } from 'react';
+
+declare global {
+    interface Window {
+        _hmt: any[];
+    }
+}
+
+interface BaiduAnalyticsProps {
+    siteId: string;
+}
+
+const BaiduAnalytics: React.FC<BaiduAnalyticsProps> = ({ siteId }) => {
+    useEffect(() => {
+        // 初始化_hmt数组
+        window._hmt = window._hmt || [];
+
+        // 创建百度统计脚本
+        const script = document.createElement('script');
+        script.async = true;
+        script.src = `https://hm.baidu.com/hm.js?${siteId}`;
+        
+        // 添加脚本到页面
+        document.head.appendChild(script);
+
+        // 清理函数
+        return () => {
+            document.head.removeChild(script);
+        };
+    }, [siteId]);
+
+    return null;
+};
+
+export default BaiduAnalytics;