workspace/code/docusaurus/.trae/documents/bookmarks_import_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. 启动开发服务器验证显示效果