优化挑战贡献页面布局：重组基本信息区块

README.md

@@ -6,6 +6,8 @@
 
 **在线访问**: [https://jsrep.github.io/crawler-leetcode/](https://jsrep.github.io/crawler-leetcode/)
 
+![image-20250413185708120](./README.assets/image-20250413185708120.png)
+
 ## 项目结构
 
 ```

docs/challenges/Cloudflare5秒盾.yml

@@ -31,7 +31,7 @@ challenges:
     # 挑战难度评级（整数类型，必填）
     # 取值范围: 1-5，1表示最简单，5表示最难
     # 前端展示时会转换为星级显示
-    difficulty-level: 3
+    difficulty-level: 4
 
     # Markdown格式详细描述（必选）
     # 当需要复杂排版时使用

docs/challenges/网易易盾.yml

@@ -30,7 +30,7 @@ challenges:
     # 挑战难度评级（整数类型，必填）
     # 取值范围: 1-5，1表示最简单，5表示最难
     # 前端展示时会转换为星级显示
-    difficulty-level: 4
+    difficulty-level: 3
 
     # Markdown格式详细描述（必选）
     # 当需要复杂排版时使用

docs/challenges/阿里滑块.yml

@@ -94,3 +94,7 @@ challenges:
     # 记录挑战最后修改时间，格式与create-time相同
     # 当任何字段变更时需同步更新此时间
     update-time: 2025-04-13 10:36:24 
+# 测试热更新
+# 再次测试
+# 测试热更新3
+# 最终测试热更新

package.json

@@ -15,13 +15,15 @@
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
     "@types/markdown-it": "^14.1.2",
+    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-responsive": "^8.0.8",
     "antd": "^5.16.4",
     "fuse.js": "^7.1.0",
     "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.4",
     "markdown-it": "^14.1.0",
     "react": "^18.2.0",
+    "react-beautiful-dnd": "^13.1.1",
     "react-dom": "^18.2.0",
     "react-ga4": "^2.1.0",
     "react-i18next": "^15.4.1",
@@ -44,6 +46,7 @@
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",
     "@vitejs/plugin-react": "^4.3.4",
+    "chokidar": "^4.0.3",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.37.4",
     "gh-pages": "^6.3.0",

src/components/AboutPage/ContactCard.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { Card, Space, Tag, Typography } from 'antd';
+import { Card, Space, Tag, Typography, Image, Divider } from 'antd';
 import { useTranslation } from 'react-i18next';
-import { GithubOutlined, StarFilled } from '@ant-design/icons';
+import { GithubOutlined, StarFilled, WechatOutlined } from '@ant-design/icons';
 import { cardStyle, githubIconStyle, githubLinkStyle, starTagStyle, textStyle } from './styles';
+import wechatQrcode from '../../assets/CC11001100-wechat-qrcode.png';
 
 const { Text, Link } = Typography;
 
@@ -23,7 +24,7 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
       style={cardStyle}
       hoverable
     >
-      <Space direction="vertical" size={16}>
+      <Space direction="vertical" size={16} style={{ width: '100%' }}>
         <Text style={textStyle}>
           {t('about.contact.email')}：<Link href="mailto:CC11001100@qq.com">CC11001100@qq.com</Link>
         </Text>
@@ -49,6 +50,23 @@ const ContactCard: React.FC<ContactCardProps> = ({ repoStars }) => {
             <Text type="secondary" style={{ marginLeft: 8 }}>{t('about.contact.loading')}</Text>
           )}
         </Space>
+
+        <Divider style={{ margin: '12px 0' }} />
+
+        <Space direction="vertical" align="center" style={{ width: '100%' }}>
+          <Space align="center">
+            <WechatOutlined style={{ fontSize: '20px', color: '#42b983' }} />
+            <Text style={{ ...textStyle, fontWeight: 'bold' }}>扫码加微信，拉你进逆向技术讨论群</Text>
+          </Space>
+          <Text type="secondary" style={{ textAlign: 'center', marginBottom: '10px' }}>加好友时请备注【逆向】，方便我知道你是从这里来的～</Text>
+          <Image 
+            src={wechatQrcode} 
+            alt="微信二维码" 
+            width={200} 
+            style={{ margin: '10px 0' }}
+            fallback="https://via.placeholder.com/200x200?text=微信二维码"
+          />
+        </Space>
       </Space>
     </Card>
   );