master
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
- 将本项目推送到 GitHub
- 在 Vercel / Netlify 中导入仓库
- 无需构建命令,直接部署
方式三:GitHub Pages
- 推送到 GitHub 仓库
- Settings → Pages → 选择
main分支根目录 - 访问
https://<你的用户名>.github.io/<仓库名>/
方式四:本地服务
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 数组中添加一个新的工具对象即可:
{
id: 'my-tool',
name: '我的工具',
icon: '✨',
desc: '工具描述',
placeholder: '请输入内容...',
prompt: (input) => `请处理以下内容:\n${input}`
}
📄 License
MIT
Languages
JavaScript
56.6%
CSS
29.2%
HTML
14.2%