🚀 AI 智能导航网页源码发布｜纯前端零依赖，主打"智能化"的网址导航

西数资源网首发 · www.xishuzy.com 一套以 AI 工具为核心的智能网址导航源码，原生 HTML/CSS/JavaScript 编写，零框架、零依赖、零构建，下载即用，适合站长、开发者、AI 爱好者直接部署或二次开发。

📌 项目简介

市面上的网址导航大多只是"静态收藏夹"，而这套源码从设计之初就围绕 智能化 展开：它会记住你的使用习惯、自动调整排序、主动推荐工具、提供全键盘操作……用得越久，它越懂你。

内置 60+ 个主流 AI 站点，覆盖 9 大分类：对话助手、AI 绘图、AI 视频、AI 编程、AI 写作、AI 音频、AI 搜索、智能体/工作流、模型与开源。

📸 界面演示

演示地址:https://demo.xishuzy.com/corp-site/index.html

![AI 智能导航 · 首页首屏]

![AI 智能导航 · 页面全览]

✨ 功能亮点

🧠 智能化核心

🔍 搜索体验

• 支持名称 / 描述 / 分类 / 标签多维度模糊匹配
• 命中关键词高亮显示
• 无结果时智能推荐热门站点
• 搜索历史 + "大家都在搜" 热门标签
• 快捷键：/ 聚焦搜索、Esc 清除、1-9 数字直达

🎨 界面与主题

• 毛玻璃卡片 + 极光渐变背景 + 动态粒子，现代感十足
• 4 种主题循环切换：自动 / 深色 / 浅色 / 霓虹
• 移动端自适应

🌐 公益接口增强

所有接口均免费无 Key，且带失败降级逻辑，接口失效不影响核心功能。

⚙️ 自定义能力

• ➕ 右下角按钮一键添加自定义站点（校验 URL、自动查重、可删除）
• 💾 数据导出/导入 JSON 备份，迁移无忧
• 🧹 一键清空使用记录

📁 目录结构

├── index.html          # 页面结构 + 版权埋点
├── css/
│   └── style.css       # 全部样式
└── js/
    ├── data.js         # 站点数据（改这里增删站点）
    └── app.js          # 全部交互逻辑

🚀 快速使用

1. 下载源码，解压
2. 双击 index.html 即可在浏览器中打开使用
3. 部署到服务器：直接上传到站点根目录即可（Nginx / Apache 均可）

🔧 二次开发指南

添加 / 修改站点

打开 js/data.js，按现有格式追加一行：

{ name: "站点名", url: "https://example.com", cat: "chat", desc: "一句话描述", tags: ["关键词1", "关键词2"] },

cat 可选值：chat（对话）draw（绘图）video（视频）code（编程）write（写作）audio（音频）search（搜索）agent（智能体）model（模型）。

站点图标

自动从站点域名拉取 favicon，双 CDN 服务兜底，全部失败时自动显示首字母，无需手工配置图标。

主题

点击顶部 🌙 按钮循环切换；也可在 js/app.js 的 THEMES 数组中扩展自定义主题。

🛡️ 版权保护说明

本源码内置 版权防篡改机制（默认关闭，方便自用修改）：

• 开关位于 js/app.js，将 COPYRIGHT_CHECK 改为 true 即启用
• 启用后采用 Base64 + XOR 混淆 加密检测，无明文关键词，三处版权埋点（页脚 / SEO 区块 / 结构化 JSON）任一被篡改即触发页面锁定
• 不屏蔽 Ctrl+U 查看源码，仅保留右键菜单禁用、禁止选中文本等基础防盗

对外发布或商用前，请保留页脚版权标识：版权所有 © 西数资源网首发 www.xishuzy.com 保留所有权利

📋 更新日志

• v1.0 基础导航：智能搜索、智能排序、使用统计、多主题
• v1.1 新增 ⌘K 命令面板、自定义站点、7 天趋势图、搜索历史、数据备份、霓虹主题
• v1.2 重构为多文件结构、去除注释、加入版权防篡改机制
• v1.3 引入一言 / 今日诗词 / Bing 壁纸公益接口

🎯 适用场景

• AI 工具重度用户的自用导航首页
• 站长快速搭建"AI 工具大全"专题站
• 前端学习：原生 JS 的完整业务实践（渲染、事件委托、localStorage、Canvas、Fetch）
• 技术博客配文源码

链接：https://pan.quark.cn/s/4c7c3d6f8e9c 西数资源网首发：www.xishuzy.com — 提供优质资源与技术分享，转载或二次发布请保留原文出处与版权标识。