阿珏 Web 实验室

一个用于陈列原创作品以及其它好玩内容的个人实验室

📖 项目简介

阿珏 Web 实验室是一个个人作品展示网站，用来陈列一些新鲜、好玩、大大小小的原创或改写的 Web 作品。

✨ 特色功能

• 🎨 精美的动画效果和交互设计
• 📱 响应式布局，支持多设备访问
• 🎯 清晰的作品分类展示
• 🔗 便捷的外链跳转

🛠️ 技术栈

• 前端: HTML5 + CSS3 + JavaScript
• 样式: 自定义 CSS + Font Awesome 图标
• 动画: CSS3 动画 + JavaScript 交互
• 布局: Flexbox + Grid

📂 项目结构

index/
├── css/                 # 样式文件
│   ├── reset.css       # 重置样式
│   ├── motion.css      # 动画样式
│   ├── font-awesome.min.css  # 图标字体
│   └── index.css       # 主要样式
├── fonts/              # 字体文件
├── images/             # 图片资源
├── js/                 # JavaScript 文件
│   ├── jquery.min.js   # jQuery 库
│   ├── vector.js       # 向量动画
│   ├── common.js       # 公共函数
│   └── main.js         # 主要逻辑
└── index.html          # 主页面

🎯 主要作品

🔥 核心项目

• 萌音云笔记 - 高效的在线云笔记平台
• 萌音影视 - 在线无广告影视应用
• 萌音社区 - 二次元交流社区
• 萌音发卡 - 免签约自动发卡平台

🛠️ 实用工具

• 收款啦 - 三合一收款二维码
• 幻想领域 - 二次元图片领域
• 随机图片API - 二次元图片接口
• 友情链接 - 自助申请单页

🎵 娱乐项目

• 我的歌单 - 基于酷狗的音乐播放器
• MoeKoeMusic - 开源酷狗第三方客户端
• 在线图库 - 二次元图片收藏

🎨 设计说明

• 首屏设计: 仿 QQ 浏览器 Mac 版官网主页
• 作品展示: 参考 AlloyTeam 的卡片式布局
• 色彩搭配: 采用渐变色和现代化配色方案
• 交互体验: 流畅的动画过渡和悬停效果

📱 浏览器支持

• ✅ Chrome (推荐)
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ⚠️ IE 11+ (部分功能可能受限)

📄 许可证

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

👨‍💻 作者

• 🏢 Lab组织 https://github.com/OopsiLab/
• 🌐 个人博客: https://www.MoeJue.cn
• 💻 GitHub: https://github.com/iAJue/

---

⭐ 如果这个项目对你有帮助，请给它一个星标！

最后更新: 2024年