流动的墨水画卷 - 网页导航艺术品

一个充满艺术气息的个人导航站，采用手绘风格设计，集成了完整的网站管理功能。

🎨 设计理念

"流动的墨水画卷"以传统中国水墨画为灵感，采用大地色调配色方案，营造出温暖而富有创意的视觉体验。每一个工具都是创作的画笔，每一次点击都是灵感的火花。

✨ 核心特性

🎯 网站管理

• 29个精选网站 - 涵盖实用工具、资源下载、设计创作、AI工具、开发者工具、娱乐休闲6大分类
• 智能搜索 - 支持按网站名称或描述快速搜索
• 在线编辑 - 实时修改网站信息和分类
• 一键删除 - 安全删除不需要的网站
• 自定义添加 - 轻松添加新的网站资源

🎨 视觉设计

• 手绘艺术风格 - 纯SVG绘制的图标和装饰元素
• 流动动画效果 - 丰富的交互动画和悬停效果
• 响应式布局 - 完美适配桌面和移动设备
• 装饰性涂鸦 - 随机生成的艺术装饰元素

🚀 技术特性

• 纯前端实现 - 无需服务器，直接打开即用
• 本地存储 - 数据持久化保存在浏览器中
• 模块化设计 - 清晰的代码结构，易于维护
• 无依赖 - 不依赖任何第三方库

📁 项目结构

daohang/
├── 导航站.html          # 主要的导航站文件
└── README.md           # 项目说明文档

🚀 快速开始

1. 下载项目

   git clone [项目地址]
   cd daohang

2. 打开导航站

   • 直接双击 导航站.html 文件
   • 或在浏览器中打开该文件

3. 开始使用

   • 浏览预设的29个精选网站
   • 使用底部导航切换不同分类
   • 点击搜索框搜索特定网站
   • 点击加号按钮添加新网站

🎯 功能详解

底部导航栏

• 全部 - 显示所有分类的网站
• 工具 - 实用工具类网站（6个）
• 资源 - 资源下载类网站（6个）
• 设计 - 设计创作类网站（5个）
• AI - AI工具类网站（5个）
• 开发 - 开发者工具类网站（2个）
• 娱乐 - 娱乐休闲类网站（5个）

网站管理

• 添加网站 - 点击右下角加号按钮，填写网站信息
• 编辑网站 - 悬停在网站项上，点击"编辑"按钮
• 删除网站 - 悬停在网站项上，点击"删除"按钮
• 搜索网站 - 在搜索框中输入关键词，支持回车搜索

数据存储

• 所有数据保存在浏览器的 localStorage 中
• 添加、编辑、删除操作会自动保存
• 修改完ctrl+s保存到本地

🎨 设计元素

配色方案

• 主蓝色 (#2A3A68) - 标题和重要文本
• 陶土橙 (#FF8C42) - 强调色和按钮
• 森林绿 (#5F7A3C) - 链接和装饰
• 温暖棕 (#4E3B31) - 正文文本
• 明亮黄 (#FFD700) - 装饰元素
• 活力青 (#4CC9F0) - 搜索和编辑功能
• 纸白色 (#F8F4EC) - 背景色

SVG图标

• 导航图标：首页、工具、资源、设计、AI、开发、娱乐
• 分类图标：每个分类都有独特的手绘风格图标
• 装饰涂鸦：星星、叶子、螺旋等装饰性元素

🛠️ 技术栈

• HTML5 - 语义化标记
• CSS3 - 现代样式和动画
• JavaScript ES6+ - 交互逻辑和数据管理
• SVG - 矢量图标和装饰
• LocalStorage - 本地数据存储

📱 兼容性

• ✅ Chrome 60+
• ✅ Firefox 55+
• ✅ Safari 12+
• ✅ Edge 79+

🤝 贡献指南

欢迎提交 Issue 和 Pull Request 来改进这个项目！

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🙏 致谢

感谢所有收录网站的开发者和设计师，为互联网贡献了优秀的工具和资源。

---

让每一次浏览都成为一场艺术之旅 🎨✨