115 lines
2.6 KiB
Markdown
115 lines
2.6 KiB
Markdown
# 绝绝子网盘搜索
|
||
|
||
一个简洁的网盘资源搜索工具，支持多平台资源搜索，提供现代化的用户界面和流畅的搜索体验。
|
||
|
||
## 灵感来源
|
||
|
||
https://www.yunso.net/index/user/database
|
||
|
||
## 功能特点
|
||
|
||
- 🔍 快速搜索：支持多平台网盘资源搜索
|
||
- 🎨 现代化界面：采用 Material Design 设计风格
|
||
- 🌙 深色模式：支持自动切换深色/浅色主题
|
||
- 📱 响应式设计：完美适配各种设备尺寸
|
||
- ⚡ 性能优化：快速加载，流畅体验
|
||
|
||
## 技术栈
|
||
|
||
- Vue 3 - 前端框架
|
||
- Vite - 构建工具
|
||
- TailwindCSS - 样式框架
|
||
- Axios - HTTP 客户端
|
||
- Vue Router - 路由管理
|
||
- Pinia - 状态管理
|
||
|
||
## 开发指南
|
||
|
||
### 环境要求
|
||
|
||
- Node.js >= 16.0.0
|
||
- npm >= 7.0.0
|
||
|
||
### 安装依赖
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
### 开发环境
|
||
|
||
```bash
|
||
npm run dev
|
||
```
|
||
|
||
### 构建生产版本
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
## 部署说明
|
||
|
||
### 1. 构建项目
|
||
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
构建完成后，文件将生成在 `dist` 目录中。
|
||
|
||
### 2. 配置 Nginx
|
||
|
||
项目提供了一个 `nginx.conf.template` 配置模板文件，使用时需要：
|
||
|
||
1. 复制 `nginx.conf.template` 文件并重命名为 `nginx.conf`
|
||
2. 替换文件中的以下占位符：
|
||
- `[你的域名]`: 网站域名，如 `pan.example.com`
|
||
- `[你的网站根目录]`: 网站文件存放目录，如 `/www/wwwroot/pan.example.com`
|
||
- `[日志目录]`: 日志文件存放目录，如 `/www/wwwlogs/pan.example.com`
|
||
- `[目标API地址]`: API 服务器地址，如 `https://api.example.com/`
|
||
- `[允许的域名]`: 允许跨域访问的域名，如 `https://pan.example.com`
|
||
|
||
示例配置：
|
||
|
||
```nginx
|
||
server {
|
||
listen 80;
|
||
server_name pan.example.com;
|
||
root /www/wwwroot/pan.example.com;
|
||
index index.html;
|
||
|
||
access_log /www/wwwlogs/pan.example.com/access.log;
|
||
error_log /www/wwwlogs/pan.example.com/error.log;
|
||
|
||
location /api/ {
|
||
proxy_pass https://api.example.com/;
|
||
proxy_set_header Host $host;
|
||
proxy_set_header X-Real-IP $remote_addr;
|
||
|
||
add_header 'Access-Control-Allow-Origin' 'https://pan.example.com' always;
|
||
# ... 其他配置 ...
|
||
}
|
||
|
||
# ... 其他配置 ...
|
||
}
|
||
```
|
||
|
||
### 3. 上传文件
|
||
|
||
将 `dist` 目录中的所有文件上传到服务器的网站根目录。
|
||
|
||
### 4. 配置域名
|
||
|
||
确保域名已正确解析到服务器IP，并在服务器上配置好SSL证书（如果需要）。
|
||
|
||
## 注意事项
|
||
|
||
- 在部署到生产环境之前，请确保所有占位符都已正确替换
|
||
- 建议启用 HTTPS 以提升安全性
|
||
- 定期备份网站数据和日志文件
|
||
- 监控服务器资源使用情况，及时优化配置
|
||
|
||
## 许可证
|
||
|
||
MIT License |