pureTabs

# pureTabs - 简洁、隐私、免费的新标签页扩展

支持中文。交互体验流畅，自定义图标、图标排序、图标文件夹以及基于 Cloudflare 的私有数据同步方案，无需注册与登录。

## 核心特性

**仿生交互体验**：支持图标拖拽排序、跨页移动、图标文件夹收纳。
**高度可定制**：自由调节网格行列数 (3x2 ~ 10x8)、图标大小、间距以及页面边距。
**隐私优先**：所有数据仅存储在浏览器本地或者上传至用户自己的数据库，无任何第三方追踪。
**本地存档及私有云同步**：支持用户导出配置本地保存，也可以配置自己的 Cloudflare D1 + Worker，实现数据的跨设备同步。
**极致性能**：基于 Vite 构建，采用虚拟化拖拽算法，确保在低性能设备上依然流畅。

## 技术栈

**Core**: Vue 3, TypeScript, Vite
**State Management**: Pinia (持久化存储)
**Styling**: Tailwind CSS
**Data**: Local Storage API, Cloudflare D1 (Optional)

## 操作指南

### 1. 图标管理与布局
**添加图标**：点击主界面左上角（或右上角）的齿轮按钮进入控制中心。在“添加”页面即可新建图标，支持自动获取（通过 URL）或自定义设计。
**编辑图标**：在主界面右键点击图标，选择“编辑”即可修改名称、链接或 Logo。
**界面布局**：在控制中心，你可以精确自定义图标的大小、间距、以及行与列的排列数量。
**更换背景**：支持上传本地壁纸作为背景。

### 2. 文件夹深度操作
**创建文件夹**：右键点击任意图标，选择“创建文件夹”即可。
**重命名**：右键点击文件夹图标选择“重命名”，或者打开文件夹后点击顶部的标题文字进行编辑。
**图标移入**：直接将图标拖拽到文件夹上，或在文件夹内点击 “+” 按钮。
**图标移出**：将图标从文件夹内拖出，或在文件夹内右键点击图标选择“移出”。
**解散文件夹**：右键点击文件夹图标选择“解散”，或移出所有内部图标后自动解散（内部图标会退回到主界面，不会被删除）。

### 3. 配置同步与备份
**私有云同步**：支持通过用户自有的 Cloudflare 基础设施实现同步。详细指引请见设置页面内的Cloudflare D1 远程配置说明教程。
**手动备份**：支持一键导出/导入 `.json` 备份文件。