AI Nav 网站提交插件

📖 简介

AI Nav 网站提交插件是 AI Navigation 项目的配套 Chrome 扩展，用于快速收藏和提交 AI 相关网站。插件采用现代化的设计理念，提供流畅的用户体验和便捷的操作方式。

✨ 特性

• 🚀 一键提交: 自动获取当前网页的标题、描述和缩略图
• 🎨 精美界面: 现代化的 UI 设计，支持动画过渡效果
• 🔄 智能缓存: 本地缓存分类数据，提升加载速度
• 🛡️ 安全可靠: 支持 API 密钥认证，保护数据安全
• 📱 响应式: 优雅的弹窗界面，完美适配各种分辨率
• 🌙 主题集成: 自动适配 AI Navigation 的主题风格

🖼️ 界面预览

🛠️ 安装步骤

开发版安装

1. 克隆仓库到本地:

git clone https://github.com/liyown/ai-nav-extension.git
cd ai-nav-extension

2. 在 Chrome 浏览器中:
   • 打开 chrome://extensions/
   • 开启 "开发者模式"
   • 点击 "加载已解压的扩展程序"
   • 选择项目目录

💡 使用说明

1. 配置插件:

   • 点击扩展图标，进入设置页面
   • 输入 AI Navigation 的 API 地址
   • 填写 API 密钥
   • 保存设置

2. 提交网站:

   • 在想要提交的网页点击扩展图标
   • 自动获取网页信息
   • 选择合适的分类
   • 点击提交按钮

🔧 开发指南

技术栈

• HTML5 + CSS3
• 原生 JavaScript
• Chrome Extension API
• Font Awesome 图标

项目结构

ai-nav-extension/
├── manifest.json      # 扩展配置文件
├── popup.html        # 弹窗界面
├── popup.js         # 弹窗逻辑
├── background.js    # 后台脚本
├── content.js       # 内容脚本
└── icons/           # 图标资源

本地开发

1. 修改代码后在 Chrome 扩展管理页面点击刷新
2. 使用 Chrome DevTools 调试弹窗界面
3. 查看 background 页面的控制台输出

📝 更新日志

v1.0.0 (2024-01-20)

• 🎉 首次发布
• ✨ 实现基础提交功能
• 🎨 设计现代化界面
• 🔒 添加 API 认证

📄 开源协议

本项目采用 MIT 协议开源。

🔗 相关链接

• AI Navigation 项目
• 问题反馈
• 开发文档

---

AI Nav 网站提交插件 © 2024 Made with ❤️