AI 生成: 一个开箱即用的 AI 工具聚合站,内置多种热门 AI 小工具(文本改写、代码解释、文案生成、翻译、总结等),支持一键部署,界面现代美观,谁用谁火。
This commit is contained in:
@@ -0,0 +1,83 @@
|
||||
# AI Tool Station 🚀
|
||||
|
||||
一个开箱即用的 **AI 工具聚合站**,内置多种热门 AI 小工具,界面现代美观,一键部署,谁用谁火。
|
||||
|
||||
## ✨ 功能特性
|
||||
|
||||
- 🎨 现代化 UI,响应式设计,移动端友好
|
||||
- 🧰 内置多个 AI 小工具:
|
||||
- 文本改写
|
||||
- 代码解释
|
||||
- 文案生成
|
||||
- 中英翻译
|
||||
- 内容总结
|
||||
- ⚡ 纯前端实现,零依赖,一键部署到任意静态托管
|
||||
- 🔌 支持接入任意 OpenAI 兼容 API(可选)
|
||||
- 🧪 内置本地模拟模式,无需 API Key 也能体验
|
||||
|
||||
## 📁 目录结构
|
||||
|
||||
```
|
||||
ai-tool-station/
|
||||
├── index.html # 主页面
|
||||
├── css/
|
||||
│ └── style.css # 样式文件
|
||||
├── js/
|
||||
│ ├── app.js # 主逻辑
|
||||
│ └── tools.js # AI 工具定义与模拟实现
|
||||
├── README.md
|
||||
```
|
||||
|
||||
## 🚀 一键部署
|
||||
|
||||
### 方式一:直接打开
|
||||
|
||||
下载后双击 `index.html` 即可在浏览器中使用。
|
||||
|
||||
### 方式二:Vercel / Netlify
|
||||
|
||||
1. 将本项目推送到 GitHub
|
||||
2. 在 Vercel / Netlify 中导入仓库
|
||||
3. 无需构建命令,直接部署
|
||||
|
||||
### 方式三:GitHub Pages
|
||||
|
||||
1. 推送到 GitHub 仓库
|
||||
2. Settings → Pages → 选择 `main` 分支根目录
|
||||
3. 访问 `https://<你的用户名>.github.io/<仓库名>/`
|
||||
|
||||
### 方式四:本地服务
|
||||
|
||||
```bash
|
||||
python3 -m http.server 8080
|
||||
# 打开 http://localhost:8080
|
||||
```
|
||||
|
||||
## 🔑 接入真实 AI API(可选)
|
||||
|
||||
在页面右上角点击 ⚙️ 设置,填入:
|
||||
|
||||
- API Base URL(例如 `https://api.openai.com/v1`)
|
||||
- API Key
|
||||
- 模型名称(例如 `gpt-4o-mini`)
|
||||
|
||||
保存后所有工具将调用真实 API。留空则使用内置模拟模式。
|
||||
|
||||
## 🧩 添加新工具
|
||||
|
||||
编辑 `js/tools.js`,在 `TOOLS` 数组中添加一个新的工具对象即可:
|
||||
|
||||
```js
|
||||
{
|
||||
id: 'my-tool',
|
||||
name: '我的工具',
|
||||
icon: '✨',
|
||||
desc: '工具描述',
|
||||
placeholder: '请输入内容...',
|
||||
prompt: (input) => `请处理以下内容:\n${input}`
|
||||
}
|
||||
```
|
||||
|
||||
## 📄 License
|
||||
|
||||
MIT
|
||||
Reference in New Issue
Block a user