🚀 AI 智能导航网页源码发布｜纯前端零依赖，主打"智能化"的网址导航
摘要：本文发布了一套纯前端、零依赖的AI智能网址导航网页源码。该源码采用原生HTML/CSS/JavaScript开发，无需任何框架和构建工具，主打"智能化"特色，具备智能排序、智能推荐、全键盘操作等核心功能。内置60+主流AI站点，覆盖9大分类，支持自定义站点、多主题切换、数据备份等实用功能，适合AI工具用户、站长和前端开发者直接部署或二次开发。
西数资源网首发 · www.xishuzy.com
一套以 AI 工具为核心的智能网址导航源码，原生 HTML/CSS/JavaScript 编写，零框架、零依赖、零构建，下载即用，适合站长、开发者、AI 爱好者直接部署或二次开发。
📌 项目简介
市面上的网址导航大多只是"静态收藏夹"，而这套源码从设计之初就围绕智能化展开：它会记住你的使用习惯、自动调整排序、主动推荐工具、提供全键盘操作……用得越久，它越懂你。
内置60+ 个主流 AI 站点，覆盖 9 大分类：对话助手、AI 绘图、AI 视频、AI 编程、AI 写作、AI 音频、AI 搜索、智能体/工作流、模型与开源。
📸 界面演示
✨ 功能亮点
🧠 智能化核心
| 能力 | 说明 |
|---|---|
| ⌘K 智能命令面板 | 按Ctrl/Cmd + K呼出，模糊搜索站点 + 操作命令，方向键选择、回车执行，全程键盘操作 |
| 智能排序 | 根据你的访问次数 + 最近使用自动计算热度，常用站点自动置顶 |
| 使用统计 | 累计访问、今日访问、常用站点数，全部可视化 |
| 7 天访问趋势图 | 原生 Canvas 绘制柱状图，无任何图表库 |
| 智能问候 | 按时间段切换问候语，并推荐对应场景的 AI 工具 |
| 最近使用 | 自动记忆最近访问的 6 个站点，一键直达 |
🔍 搜索体验
- 支持名称 / 描述 / 分类 / 标签多维度模糊匹配
- 命中关键词高亮显示
- 无结果时智能推荐热门站点
- 搜索历史 + “大家都在搜” 热门标签
- 快捷键：
/聚焦搜索、Esc清除、1-9数字直达
🎨 界面与主题
- 毛玻璃卡片 + 极光渐变背景 + 动态粒子，现代感十足
- 4 种主题循环切换：自动 / 深色 / 浅色 / 霓虹
- 移动端自适应
🌐 公益接口增强
| 接口 | 用途 |
|---|---|
| 一言 Hitokoto | 每日一句，点击可刷新 |
| 今日诗词 | 页脚随机古诗文 |
| Bing 每日壁纸 | 页面背景（3 源轮询降级，可在设置中开关） |
所有接口均免费无 Key，且带失败降级逻辑，接口失效不影响核心功能。
⚙️ 自定义能力
- ➕ 右下角按钮一键添加自定义站点（校验 URL、自动查重、可删除）
- 💾 数据导出/导入JSON 备份，迁移无忧
- 🧹 一键清空使用记录
📁 目录结构
├── index.html # 页面结构 + 版权埋点 ├── css/ │ └── style.css # 全部样式 └── js/ ├── data.js # 站点数据（改这里增删站点） └── app.js # 全部交互逻辑🚀 快速使用
- 下载源码，解压
- 双击
index.html即可在浏览器中打开使用 - 部署到服务器：直接上传到站点根目录即可（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— 提供优质资源与技术分享，转载或二次发布请保留原文出处与版权标识。
