# 现代密码生成器 (Modern Password Generator)

![License](https://img.shields.io/badge/license-MIT-blue.svg)
![Vue Version](https://img.shields.io/badge/vue-3.x-brightgreen.svg)
![Tailwind CSS](https://img.shields.io/badge/tailwindcss-3.x-blue.svg)

一个安全、现代、易用的密码生成工具，帮助用户基于记忆密码生成不同网站的强密码。所有计算都在本地完成，确保安全性。

## ✨ 特性

- 🔒 本地计算，不联网，确保安全
- 🎨 现代化 UI 设计，支持深色模式
- 📱 响应式布局，完美支持移动端
- 🔑 基于记忆密码 + 区分代码生成强密码
- 📊 实时密码强度评估
- 🎯 可自定义密码规则：
  - 密码长度（10-20位）
  - 大小写字母
  - 数字
  - 特殊字符
- ⚡️ 快速复制生成的密码
- 🌙 深色模式支持
- 🔄 每次生成不同的密码

## 🚀 在线演示

[在线体验地址](https://api.photo8.site/mima/)

## 📦 安装

```bash
# 克隆项目
git clone https://ckk.photo8.site/Photo8/Modern-Password-Generator.git

# 进入项目目录
cd modern-password-generator

# 安装依赖
npm install

# 启动开发服务器
npm run dev

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

## 🔨 部署

1. 构建项目：
```bash
npm run build
```

2. 将 `dist` 目录下的文件部署到你的 Web 服务器。

### 使用 Docker 部署

```bash
# 构建镜像
docker build -t password-generator .

# 运行容器
docker run -d -p 80:80 password-generator
```

## 💡 使用方法

1. 设置一个强记忆密码（主密码）
   - 这个密码要足够复杂
   - 需要牢记，因为它是生成其他密码的基础
   
2. 为不同网站设置区分代码
   - 建议使用网站的特征，如：
   - GitHub -> github
   - QQ -> qq
   - 微信 -> wx
   
3. 选择密码选项
   - 设置合适的密码长度
   - 选择需要包含的字符类型
   
4. 点击"生成密码"
   - 系统会根据你的设置生成强密码
   - 可以点击"复制"按钮复制密码
   
5. 查看密码强度
   - 系统会实时显示生成密码的强度
   - 建议使用"强"或"极强"的密码

## 🔐 安全说明

- 所有密码生成过程都在本地完成
- 使用 Web Crypto API 进行加密
- 不存储任何密码信息
- 不进行网络传输
- 每次生成的密码都不同，即使使用相同的记忆密码和区分代码

## 🛠️ 技术栈

- Vue 3
- Vite
- Tailwind CSS
- Web Crypto API

## 📝 开发计划

- [ ] 添加密码历史记录（本地存储）
- [ ] 支持导出/导入配置
- [ ] 添加密码规则模板
- [ ] 支持更多的密码生成算法
- [ ] 添加密码强度详细分析
- [ ] 支持多语言
- [ ] 开发浏览器扩展
- [x] 开发移动应用

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！

1. Fork 本项目
2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
3. 提交你的改动 (`git commit -m 'Add some AmazingFeature'`)
4. 推送到分支 (`git push origin feature/AmazingFeature`)
5. 打开一个 Pull Request

## 📄 开源协议

本项目基于 MIT 协议开源，详见 [LICENSE](LICENSE) 文件。