修复GitHub Actions工作流文件中的YAML语法错误

Author: CC11001100

.github/workflows/deploy-github-pages.yml

@@ -35,4 +35,4 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}  # GitHub自动提供的访问令牌
 
       - name: 部署完成通知
-        run: echo "✅ 网站已成功部署到GitHub Pages！访问地址: https://jsrep.github.io/crawler-leetcode/" 
+        run: 'echo "✅ 网站已成功部署到GitHub Pages！访问地址: https://jsrep.github.io/crawler-leetcode/"' 

docs/challenges/README.md

@@ -66,8 +66,8 @@ challenges:
 ```yaml
 version: 1
 challenges:
-  - id: 12
-    id-alias: akamai-bot
+  - id: 999
+    id-alias: example-akamai
     tags:
       - browser-fingerprint
       - behavior-analysis

docs/challenges/加速乐.yml

@@ -6,7 +6,7 @@ version: 1
 # 爬虫挑战合集定义
 challenges:
   # 单个爬虫挑战定义，每个挑战都有一个唯一的id标识，id是必须的，ID必须是一个整数，并且全局唯一
-  - id: 21
+  - id: 33
     # 可以给ID设置一个别名，用于在列表中显示，ID别名也可以用于访问详情页
     id-alias: jsl
     # 挑战标签系统（数组格式，选填）

docs/challenges/瑞数.yml

@@ -6,7 +6,7 @@ version: 1
 # 爬虫挑战合集定义
 challenges:
   # 单个爬虫挑战定义，每个挑战都有一个唯一的id标识，id是必须的，ID必须是一个整数，并且全局唯一
-  - id: 12
+  - id: 32
     # 可以给ID设置一个别名，用于在列表中显示，ID别名也可以用于访问详情页
     id-alias: river
     # 挑战标签系统（数组格式，选填）

docs/challenges/阿里滑块.yml

@@ -6,7 +6,7 @@ version: 1
 # 爬虫挑战合集定义
 challenges:
   # 单个爬虫挑战定义，每个挑战都有一个唯一的id标识，id是必须的，ID必须是一个整数，并且全局唯一
-  - id: 10
+  - id: 31
     # 可以给ID设置一个别名，用于在列表中显示，ID别名也可以用于访问详情页
     id-alias: ali-slider
     # 挑战标签系统（数组格式，选填）

src/components/ChallengeListPage/ChallengeControls.tsx

@@ -1,8 +1,12 @@
-import { Select, Divider, Space, Dropdown, Button, Menu, Checkbox } from 'antd';
-import { SortAscendingOutlined, SortDescendingOutlined, TagOutlined, FilterOutlined, DownOutlined } from '@ant-design/icons';
+import { Select, Divider, Space, Dropdown, Button, Menu, Checkbox, Input } from 'antd';
+import { SortAscendingOutlined, SortDescendingOutlined, TagOutlined, FilterOutlined, DownOutlined, SearchOutlined } from '@ant-design/icons';
 import { useTranslation } from 'react-i18next';
+import { useState, ChangeEvent } from 'react';
 import StarRating from '../StarRating';
 
+// 定义平台枚举值
+const PLATFORM_TYPES = ['Web', 'Android', 'iOS'];
+
 interface ChallengeControlsProps {
     /**
      * 所有可用的标签
@@ -85,6 +89,9 @@ const ChallengeControls: React.FC<ChallengeControlsProps> = ({
 }) => {
     const { t } = useTranslation();
 
+    // 在组件的开头部分添加状态
+    const [tagSearchText, setTagSearchText] = useState('');
+    
     // 排序功能菜单
     const sortMenu = (
         <Menu 
@@ -130,7 +137,8 @@ const ChallengeControls: React.FC<ChallengeControlsProps> = ({
             onClick={({ key }) => onPlatformChange(key)}
         >
             <Menu.Item key="all">{t('challenges.filters.allPlatforms')}</Menu.Item>
-            {allPlatforms.map(platform => (
+            {/* 使用固定的平台枚举列表，而不是从挑战中提取的 */}
+            {PLATFORM_TYPES.map(platform => (
                 <Menu.Item key={platform}>{platform}</Menu.Item>
             ))}
         </Menu>
@@ -142,17 +150,55 @@ const ChallengeControls: React.FC<ChallengeControlsProps> = ({
             padding: '12px', 
             maxHeight: '400px', 
             overflowY: 'auto', 
-            minWidth: '200px',
+            minWidth: '300px',
             backgroundColor: '#fff',
             boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
             borderRadius: '4px',
             border: '1px solid #f0f0f0'
         }}>
-            <Checkbox.Group 
-                options={allTags.map(tag => ({ label: tag, value: tag }))} 
-                value={selectedTags}
-                onChange={tags => onTagsChange(tags as string[])}
+            {/* 添加标签搜索框 */}
+            <Input 
+                prefix={<SearchOutlined />}
+                placeholder={t('challenges.filters.searchTags')}
+                style={{ marginBottom: '12px' }}
+                onChange={(e: ChangeEvent<HTMLInputElement>) => {
+                    setTagSearchText(e.target.value);
+                }}
+                allowClear
             />
+            
+            {/* 标签列表，使用Grid布局优化显示 */}
+            <div>
+                <Checkbox.Group 
+                    value={selectedTags}
+                    onChange={tags => onTagsChange(tags as string[])}
+                    style={{ 
+                        display: 'flex', 
+                        flexWrap: 'wrap',
+                        width: '100%'
+                    }}
+                >
+                    {allTags
+                        .filter(tag => tag.toLowerCase().includes(tagSearchText.toLowerCase()))
+                        .map(tag => (
+                            <Checkbox 
+                                key={tag} 
+                                value={tag} 
+                                style={{ 
+                                    marginRight: '12px',
+                                    marginBottom: '6px',
+                                    width: 'auto',
+                                    display: 'inline-flex',
+                                    alignItems: 'center',
+                                    fontSize: '13px'
+                                }}
+                            >
+                                {tag}
+                            </Checkbox>
+                        ))
+                    }
+                </Checkbox.Group>
+            </div>
         </div>
     );
 

src/locales/en.ts

@@ -97,7 +97,8 @@ export default {
             allDifficulties: 'All difficulties',
             allPlatforms: 'All platforms',
             search: 'Search challenges...',
-            clearAll: 'Clear all'
+            clearAll: 'Clear all',
+            searchTags: 'Search tags...'
         },
         sort: {
             number: 'Problem No.',

src/locales/zh.ts

@@ -97,7 +97,8 @@ const zhTranslations = {
             allDifficulties: '所有难度',
             allPlatforms: '所有平台',
             search: '搜索挑战...',
-            clearAll: '清空所有'
+            clearAll: '清空所有',
+            searchTags: '搜索标签...'
         },
         sort: {
             number: '题号',