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

书签导入与整理计划

需求分析

用户希望将浏览器书签文件 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. 启动开发服务器验证显示效果