作者：MoeJue（xxx@example.com）

# MoeKoe Music Mobile

一款开源、简洁、高颜值的第三方酷狗音乐移动端播放器

基于 Expo / React Native 构建，是 [MoeKoeMusic](https://github.com/iAJue/MoeKoeMusic) 桌面版的移动端实现

🌎 GitHub仓库  |  
📦️ 下载安装包  |  
💬 访问博客  |  
🏠 项目主页

一款开源、简洁、高颜值的第三方酷狗音乐移动端播放器

基于 Expo / React Native 构建，是 MoeKoeMusic 桌面版的移动端实现

✨ 特性

• 🎵 无需自建服务器 — 酷狗 API 适配层直接直连官方，开箱即用，不依赖外部 API 地址
• 🏠 首页推荐 — 每日推荐、精选歌单、排行榜
• 🧭 发现页 — 分类歌单、新歌速递等内容探索
• 🔍 搜索 — 快速检索歌曲、歌单、专辑
• 📀 歌单 / 专辑 / 排行榜 — 完整的详情页与曲目列表
• 🎧 播放器 — 滚动歌词、播放队列、迷你播放条（MiniPlayer）、后台播放
• 🎚️ 音质检测 — 自动探测并选择可用音质
• 📱 手机号登录 — 同步酷狗账号的收藏与歌单
• 🌗 深色模式 — 跟随系统自动切换明暗主题

📝 Todo List

• [x] 首页每日推荐 / 精选歌单 / 排行榜
• [x] 发现页分类内容浏览
• [x] 搜索歌曲、歌单、专辑
• [x] 歌单 / 专辑 / 排行榜详情页
• [x] 播放器：滚动歌词、播放队列、迷你播放条、后台播放
• [x] 音质检测与自动选择
• [x] 手机号登录
• [x] 账号密码登录
• [x] 扫码登录(其他设备)
• [x] 我喜欢 / 收藏同步
• [x] 用户歌单管理（创建 / 收藏 / 编辑）
• [ ] 通知栏 / 锁屏播放控制
• [ ] 歌曲详情浏览
• [ ] 桌面歌词
• [ ] 听歌识曲
• [ ] 平板与横屏适配
• [ ] 性能优化

📸 预览

🚀 快速开始

环境要求

• Node.js ≥ 22
• Git
• iOS 模拟器 / Android 模拟器，或安装了开发版客户端的真机

开发运行

# 克隆仓库（包含 api submodule）
git clone --recurse-submodules https://github.com/MoeKoeMusic/MoeKoeMusic-Mobile.git
cd MoeKoeMusic-Mobile

# 安装依赖
npm install
npm --prefix api install

# 生成移动端 API 入口（api/ 更新后需重新执行）
npm run generate:mobile-api

# 启动开发服务器
npx expo start

如果克隆时遗漏了 submodule，可执行 git submodule update --init 补齐。

---

本文2026-08-01首发于阿珏酱のBlog，最后修改于2026-08-01

]]> 折腾代码 https://zh.moejue.cn/posts/280/ Sat, 23 Aug 2025 12:29:01 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/posts/280/ 我不会AE,但是我会Code

作者：MoeJue（xxx@example.com）

✨ 緒山まひろの小窝 ✨

🌸 欢迎来到緒山まひろの小窝 🌸

哇！你发现了我的秘密基地！(*≧ω≦)

这里是緒山まひろ的个人网站，充满了可爱的动画和有趣的内容！ 我会在这里分享我喜欢的动画、漫画、游戏和一些日常生活中的小确幸~

💕 关于我 💕

我是緒山まひろ，エロゲを愛する引きこもりのダメニート。 喜欢动画、漫画、轻小说和各种可爱的东西！ 最喜欢的颜色是粉色和淡蓝色！

  ∩∩
（･ω･）  <- 这是我！
＿|　⊃／(＿＿
／ └-(＿＿＿／

🎀 网站内容 🎀

• 🌟 精美动画展示
• 📚 我的私房照
• 🎵 好听的音乐
• 📷 日常生活的小片段

🌈 关于 🌈

• 🎭 演示: https://mahiro.moejue.cn/
• 🏠 个人博客: https://MoeJue.cn/
• 🐱 GitHub: https://github.com/iAJue/Mahiro
• 📧 官网: https://onimai.jp/

📝 版权声明 📝

• 本网站由 @Moejue 设计和开发
• 网站中使用的所有动画片段、漫画图片、角色形象及相关内容的版权均归原作者(ねことうふ（Nekotofu）)及其发行公司(Studio Bind、Ichijinsha)所有
• 如有侵权，请通过以上联系方式告知，我会立即删除相关内容
• GNU GENERAL PUBLIC LICENSE Version 2
• Copyright © 2025 MoeJue. All rights reserved.

💌 特别感谢 💌

感谢所有喜欢緒山まひろ的朋友们！(●’◡’●)

---

本文2025-08-23首发于阿珏酱のBlog，最后修改于2025-08-23

]]> 折腾代码 https://zh.moejue.cn/posts/260/ Sun, 11 May 2025 11:46:03 +0000 xxx@example.com (MoeJue) https://zh.moejue.cn/posts/260/ 打造 macOS 风格的 Web 应用

作者：MoeJue（xxx@example.com）

项目概述

在当今的 Web 开发领域，用户体验和界面设计变得越来越重要。

Mac Web Vue Template 这是一个受 macOS 设计启发的现代优雅的 Vue.js Web 模板, 是一个基于 Vue.js 的现代化 Web 应用模板，它的设计灵感来源于 macOS 的优雅界面。这个项目不仅提供了美观的 UI 设计，还包含了完整的项目结构和最佳实践。

在线演示

你可以通过访问 WebAi 来体验这个模板的实际效果。邀请码(MoeJue)

核心特性

1. macOS 风格的 UI 设计

   • 采用 macOS 的设计语言
   • 精致的毛玻璃效果
   • 优雅的动画过渡

2. 现代化的技术栈

   • Vue.js 作为核心框架
   • Vite 作为构建工具
   • Pinia 进行状态管理
   • Vue Router 处理路由
   • SCSS 预处理器
   • ES6+ 现代特性

3. 响应式设计

   • 完美适配各种屏幕尺寸
   • 流畅的移动端体验

项目结构解析

项目采用了清晰且模块化的目录结构：

src/
├── assets/          # 静态资源
├── components/      # Vue 组件
│   ├── common/     # 通用组件
│   ├── system/     # 系统组件
│   └── apps/       # 应用组件
├── views/          # 页面视图
├── router/         # 路由配置
├── stores/         # 状态管理
└── utils/          # 工具函数

这种结构设计使得项目具有良好的可维护性和可扩展性。

---

本文2025-05-11首发于阿珏酱のBlog，最后修改于2025-05-11

]]> 折腾代码