初始化项目,添加 favicon.ico、screenshot.png 等静态资源文件,以及 Vue、TailwindCSS 等依赖项。配置了 Vite 和 PostCSS,并生成了基本的项目结构。
130 lines
3.1 KiB
Markdown
130 lines
3.1 KiB
Markdown
# 现代密码生成器 (Modern Password Generator)
|
||
|
||

|
||

|
||

|
||
|
||
一个安全、现代、易用的密码生成工具,帮助用户基于记忆密码生成不同网站的强密码。所有计算都在本地完成,确保安全性。
|
||
|
||
## ✨ 特性
|
||
|
||
- 🔒 本地计算,不联网,确保安全
|
||
- 🎨 现代化 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) 文件。
|