20260601173222

code/docusaurus/.trae/documents/scroll_fix_plan.md

@@ -0,0 +1,66 @@
+# 书签导入与整理计划
+
+## 需求分析
+
+用户希望将浏览器书签文件 `D:\bookmarks_2026_5_26.html` 中的内容导入并整理到 `docs/resources.mdx` 文件中。
+
+## 书签文件结构分析
+
+从读取的书签文件中识别出以下主要分组：
+
+### 第一层分组
+
+1. **AI 智能助手** - 包含 ChatGPT、腾讯元宝、v0 等
+2. **前端开发** - 包含多个子文件夹：
+
+   * 图标库 (expo icons, iconfont, icones, lucide)
+
+   * 前端模板库 (uiverse, codepen, htmlrev, lottiefiles, mockuphone)
+
+   * TinyMCE 相关
+
+   * Uniapp 相关
+
+   * 前端组件库 (Arco Design)
+
+   * React Native 第三方库
+
+   * 插画库 (undraw, storyset, manypixels)
+
+   * React Native 开发相关
+3. **Python** - PaddlePaddle 相关
+
+## 实现方案
+
+### 步骤
+
+1. 创建一个 Node.js 脚本来解析书签 HTML 文件
+2. 将解析结果转换为资源导航所需的分组格式
+3. 更新 `docs/resources.mdx` 文件
+
+### 修改文件
+
+* `docs/resources.mdx` - 更新为解析后的书签内容
+
+## 输出格式
+
+使用现有的 `SearchableLinkGrid` 组件格式，保持分组结构清晰。
+
+## 过滤规则
+
+1. 跳过重复链接
+2. 清理过长的标题（超过50字符截断）
+3. 提取有意义的描述信息
+
+## 风险评估
+
+* 文件较大（50KB+），需要处理大量数据
+
+* 部分链接可能失效，建议用户后续验证
+
+## 测试计划
+
+1. 解析书签文件
+2. 生成新的 resources.mdx
+3. 启动开发服务器验证显示效果
+