💡 一个让你边看番边和AI聊天的网站,还能刷精美插画和小说,全部免费开源!
🎬 先看看能干啥
这个项目叫 YuleHub(娱乐中心),简单来说就是把我平时喜欢的几个功能整合到一起了:
🎯 四大功能模块
1️⃣ 和 AI 聊天 - 不是普通的聊天机器人
你可以自己创建角色,比如创建一个"二次元女友"、"技术大佬"、"心理咨询师",然后和 TA 聊天。
最酷的是:AI 会说话! 不是那种机械音,而是真人般的语音,还能选择不同的音色。
能干啥?
- 💬 和不同性格的 AI 角色聊天
- 🎤 AI 会用真人语音回复你
- 🎭 自定义角色的性格、背景故事
- 📝 聊天记录自动保存
2️⃣ 刷插画 - 像刷抖音一样刷美图
接入了 Pixiv(全球最大的插画网站)的 API,可以看到超多精美的插画作品。
采用瀑布流布局,就像小红书那样,一直往下滑就能看到新的图片。
能干啥?
- 🖼️ 浏览海量精美插画
- 🔍 搜索你喜欢的画师或标签
- 📥 批量下载高清原图
- ✂️ 在线裁剪图片
3️⃣ 看小说 - 还能听小说
同样接入了 Pixiv 的小说接口,可以看各种类型的小说。
最特别的是:小说会读给你听! 就像有声书一样,支持多种音色。
能干啥?
- 📖 阅读各种类型的小说
- 🎧 语音朗读,解放双眼
4️⃣ 看番 - 自己配置资源站
这个模块支持接入各种番剧资源站,你可以自己配置喜欢的资源站地址。
首次进入会弹出配置面板,输入资源站网址就能开始看番了。
能干啥?
- 📺 接入自己喜欢的番剧资源站
- 📅 番剧时间表,追番不迷路
- 🎬 自定义播放器,支持 HLS 流媒体
- ⚙️ 灵活配置,随时切换数据源
🚀 怎么玩?
在线网站: yule-hub.vercel.app(需翻墙)
第一步:下载项目
# 从 GitHub 下载
git clone https://github.com/yule-wazi/YuleHub.git
# 进入项目文件夹
cd YuleHub
第二步:安装依赖
npm install
这一步会下载项目需要的所有东西,可能需要几分钟。
第三步:启动项目
npm run dev
第四步:打开浏览器
在浏览器输入:http://localhost:5173
第五步:登录体验
- 账号:
vip - 密码:
vip
🎁 项目亮点
对用户来说
- 功能丰富:四大模块,满足不同需求
- 体验流畅:加载快、交互顺滑
- 界面美观:深浅色主题,看着舒服
- 完全免费:所有功能都免费,代码开源
对开发者来说
- 代码规范:目录结构清晰,易于维护
- 可复用性强:很多组件可以直接拿去用
- 性能优化:懒加载、缓存、代码分割都做了
🌟 为什么要做这个项目?
其实最开始只是想做一个 AI 聊天的小工具,后来发现可以加入更多功能,就慢慢扩展成了现在这样。
做这个项目的过程中,我学到了很多东西:
- 怎么设计一个多模块的项目
- 怎么优化性能让页面更流畅
- 怎么接入第三方 API
- 怎么做响应式设计
最重要的是,我做出了一个自己真正会用的东西。
🔮 未来计划
这个项目还在持续更新中,接下来打算加入:
- 用户系统(注册、登录、个人中心)
- 收藏功能(收藏喜欢的插画、小说、视频)
- 评论系统(可以评论和讨论)
- 推荐算法(根据你的喜好推荐内容)
- PWA 支持(可以像 App 一样安装到手机)
- 更多 AI 功能(图片生成、文字转视频等)
🌐 在线体验
GitHub 仓库:github.com/yule-wazi/Y… 在线演示:yule-hub.vercel.app
💬 最后说两句
这个项目从一个简单的AI对话到现在这种程度花了大概 10 个月时间,期间踩了不少坑,也学到了很多东西。
如果你觉得这个项目有意思,欢迎:
- ⭐ 给个 Star 支持一下
- 🔀 Fork 一份自己玩玩
- 💬 在评论区聊聊你的想法
- 🐛 发现 Bug 可以提 Issue
开源不易,如果对你有帮助,请给个 Star ⭐