我花了10个月做了个娱乐平台,集成了AI聊天、看番、看小说、刷插画

0 阅读4分钟

💡 一个让你边看番边和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

🎁 项目亮点

对用户来说

  1. 功能丰富:四大模块,满足不同需求
  2. 体验流畅:加载快、交互顺滑
  3. 界面美观:深浅色主题,看着舒服
  4. 完全免费:所有功能都免费,代码开源

对开发者来说

  1. 代码规范:目录结构清晰,易于维护
  2. 可复用性强:很多组件可以直接拿去用
  3. 性能优化:懒加载、缓存、代码分割都做了

🌟 为什么要做这个项目?

其实最开始只是想做一个 AI 聊天的小工具,后来发现可以加入更多功能,就慢慢扩展成了现在这样。

做这个项目的过程中,我学到了很多东西:

  • 怎么设计一个多模块的项目
  • 怎么优化性能让页面更流畅
  • 怎么接入第三方 API
  • 怎么做响应式设计

最重要的是,我做出了一个自己真正会用的东西


🔮 未来计划

这个项目还在持续更新中,接下来打算加入:

  • 用户系统(注册、登录、个人中心)
  • 收藏功能(收藏喜欢的插画、小说、视频)
  • 评论系统(可以评论和讨论)
  • 推荐算法(根据你的喜好推荐内容)
  • PWA 支持(可以像 App 一样安装到手机)
  • 更多 AI 功能(图片生成、文字转视频等)

🌐 在线体验

GitHub 仓库github.com/yule-wazi/Y… 在线演示yule-hub.vercel.app


💬 最后说两句

这个项目从一个简单的AI对话到现在这种程度花了大概 10 个月时间,期间踩了不少坑,也学到了很多东西。

如果你觉得这个项目有意思,欢迎:

  • ⭐ 给个 Star 支持一下
  • 🔀 Fork 一份自己玩玩
  • 💬 在评论区聊聊你的想法
  • 🐛 发现 Bug 可以提 Issue

开源不易,如果对你有帮助,请给个 Star ⭐