🎴 网红卡片展示器

① 文件结构

第一行必须是表头，从第二行起为数据；至少需要 1 行表头 + 1 行数据。 编码建议使用 UTF-8，否则中文可能乱码。

分隔符支持 英文半角逗号 , 与 制表符 Tab（Excel 直接复制粘贴就是 Tab），程序会自动识别。

② 字段要求

列的顺序不限，字段名不区分大小写、忽略空格与引号。识别规则如下：

③ 示例内容（逗号分隔）

# 表头（必须）
"用户名","文案数量","总点赞","日期范围","标签","聚合文案"
# 数据行
"兔子的朋友圈🐰","17","11133","2025-12-17 ~ 2026-08-25","#青花瓷, #浅跳一个, #宅家自嗨舞蹈","做个小胖子·1周前 #扭一扭 #慢摇"
"阿哲Vlog","28","86420","2024-03-01 ~ 2025-06-30","#数码测评, #旅行, #美食探店","新品开箱·3天前 #数码 #开箱"
"深夜食堂的猫","7","5620","","#美食制作, #深夜放毒","治愈系晚餐·2周前 #美食"

④ 示例内容（Tab 分隔，Excel 复制粘贴常见）

# 制表符分隔，无需引号
用户名	文案数量	总点赞	日期范围	标签	聚合文案
抖音库-最新点赞-new20230829	17	116178503683334389760		#扭一扭, #慢摇	做个小胖子·1周前 #扭一扭 #慢摇
抖音库-最新点赞-new20230817	6	43271880847575582720			

⑤ 书写注意事项

• 字段内容包含 逗号、换行 或 双引号 时，请用双引号把整个字段包起来。
• 字段内的双引号需写成两个双引号转义，例如："他说""你好""就走了"。
• 表头与数据行之间不要插入空行或注释行。
• 使用逗号分隔时请使用英文半角逗号 ,（中文顿号、逗号只用于标签内部拆分）。
• Excel 导出时选择「CSV UTF-8（逗号分隔）」，或直接在 Excel 中框选复制、粘贴到输入框（Tab 分隔）。

⑥ 跳转说明

用户名会被 URL 编码后拼接到搜索链接，空格 → %20，中文/Emoji 也会自动编码， 因此含特殊字符的用户名同样可以正常跳转。

⑦ 本地保存说明

• 每次成功解析后，原文会存入浏览器的 localStorage，下次打开自动恢复。
• 「解析并生成卡片」与「上传文件」都会自动保存，覆盖上一次的记录。
• 每页条数的偏好也会一并保存，下次打开沿用。
• 点「清空」会同时清除页面数据与本地记录；点「清除本地记录」只清除存储，不影响当前展示。
• 数据仅保存在本机当前浏览器中：换浏览器、换设备不会同步；清除浏览器数据会一并丢失。
• 浏览器 localStorage 通常只有 约 5MB，数据过大时会保存失败并给出提示。

⑧ 快速体验

点击「填充示例」填入示例数据 → 「解析并生成卡片」→ 点击任意用户名试试跳转 → 刷新页面，数据会自动恢复。