# 闪图

**Repository Path**: hashan/shanTu

## Basic Information

- **Project Name**: 闪图
- **Description**: 闪图 | 一个优雅的表情包管理工具，支持图片保存、标签管理和快速使用
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2025-06-15
- **Last Updated**: 2025-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 插件, 表情包, 浏览器插件, 闪图, 图片

## README

<div align="center">
  <img src="public/logo.png" alt="闪图表情包管理器" width="128" height="128" />

  <h1>闪图表情包管理器</h1>
  <p>一个简单、好用的浏览器表情包管理插件</p>

  <p align="center">
    <img src="https://img.shields.io/badge/Vue.js-3.3-4FC08D?style=flat-square&logo=vue.js" alt="Vue.js" />
    <img src="https://img.shields.io/badge/Element%20Plus-2.4-409EFF?style=flat-square&logo=element" alt="Element Plus" />
    <img src="https://img.shields.io/badge/IndexedDB-存储-44CC11?style=flat-square&logo=database" alt="IndexedDB" />
    <img src="https://img.shields.io/badge/CRXJS-构建-FB542B?style=flat-square&logo=chrome" alt="CRXJS" />
    <img src="https://img.shields.io/badge/Vite-5.0-646CFF?style=flat-square&logo=vite" alt="Vite" />
  </p>

  <p align="center">
    <a href="#特性">✨ 特性</a>
    ·
    <a href="#安装">📦 安装</a>
    ·
    <a href="#使用">🚀 使用</a>
    ·
    <a href="#贡献">🤝 贡献</a>
  </p>
</div>

## ✨ 特性

- 🎯 **简单易用** - 拖拽、粘贴、多种方式添加表情
- 🏷️ **标签管理** - 灵活的标签系统，轻松整理表情包
- ⭐ **收藏功能** - 一键收藏常用表情，快速查找
- 💾 **本地存储** - 使用 IndexedDB，支持离线使用
- 🔄 **数据同步** - 支持导入导出，轻松备份和迁移
- 🎨 **个性化** - 支持自定义标签、排序方式
- 🛠️ **存储优化** - 自动压缩大图片，清理重复表情

## 📦 安装

### 浏览器要求

- Chrome >= 88
- Edge >= 88
- Firefox >= 85

### 安装步骤

1. 从 Chrome 商店安装（推荐）：

   ```
   [即将上线]
   ```

2. 手动安装：
   - 下载最新的 [release](https://gitee.com/hashan/shanTu/releases/tag/v1.0.0) 包
   - 打开浏览器的扩展管理页面
   - 开启开发者模式
   - 将下载的文件拖入浏览器

## 🚀 使用 

- [【插件使用教程文章】](https://juejin.cn/post/7516365798454411314)


### 添加表情包

1. **粘贴上传**

   - 复制图片后，在插件窗口中按 Ctrl+V


### 管理表情包

1. **添加标签**

   - 选择或创建标签
   - 支持多个标签

2. **收藏表情**

   - 点击表情卡片上的星标图标

3. **删除表情**
   - 点击表情卡片上的删除图标

### 使用表情包

1. **复制表情**

   - 点击表情即可复制到剪贴板

2. **导出备份**
   - 在设置中选择导出功能
   - 选择导出位置保存

## 🛠️ 技术栈

- **前端框架**: Vue 3
- **UI 组件**: Element Plus
- **构建工具**: Vite + CRXJS
- **存储方案**: IndexedDB
- **状态管理**: Pinia
- **样式方案**: SCSS

## 🤝 贡献

欢迎任何形式的贡献，包括但不限于：

- 提交问题和建议
- 改进文档
- 提交代码改进
- 分享使用经验

### 开发环境设置

```bash
# 克隆项目
git clone https://gitee.com/hashan/shanTu

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 📝 开源协议

[MIT](LICENSE) © 2024