项目 on 阿珏酱のBlog

MoeKoe Music Mobile酷狗音乐第三方移动端播放器

xxx@example.com (MoeJue) — Sat, 01 Aug 2026 13:12:42 +0000

MoeKoe Music Mobile酷狗音乐第三方移动端播放器

作者：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

MoeKoe Music浏览器插件版本,开箱即用

xxx@example.com (MoeJue) — Wed, 15 Jul 2026 17:48:40 +0000

MoeKoe Music浏览器插件版本,开箱即用

作者：MoeJue（xxx@example.com）

MoeKoe Music Extension

MoeKoe Music 浏览器插件版，基于 MoeKoeMusic Web 构建，并在浏览器扩展内完成 API 路由兼容。

🌎 GitHub仓库

特性

点击浏览器插件图标后打开独立窗口运行 MoeKoeMusic。
无需用户配置 API 地址，也无需额外启动本地 API 服务。
保留 MoeKoeMusic 原有 Web 页面与交互，兼容浏览器扩展运行环境。

快速开始

环境要求

Node.js 20 或更高版本
Git
Chrome / Edge 等 Chromium 内核浏览器

安装依赖

git submodule update --init --recursive
npm install
npm run install:app

npm run install:app 会分别安装 MoeKoeMusic 与 MoeKoeMusic/api 的依赖。安装后建议检查子模块工作区，避免把上游 lockfile 的非预期变化提交进去。

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

MoeKoe Music 插件市场设计

xxx@example.com (MoeJue) — Sun, 05 Jul 2026 12:54:29 +0000

MoeKoe Music 插件市场设计

作者：MoeJue（xxx@example.com）

在做插件市场之前，先有的是 MoeKoe 的普通插件系统。

当时我想解决的问题不是某一个具体功能，而是一个更通用的问题：播放器里总会冒出很多小需求，有些人想改界面，有些人想加一个工具弹窗，有些人想接自己的服务。如果每个想法都往主程序里塞，主程序会越来越重，也越来越难维护。

所以我一开始给插件系统定的方向很明确：主程序只提供插件运行环境和管理入口，具体功能交给插件自己做。插件能独立安装、独立卸载，坏了也尽量不要影响播放器本体。

上一篇我写的是 MoeKoeMusic-Plugins 这个插件登记仓库。那边解决的是“插件市场的数据怎么产生”：用户用 Issue 提交，Action 校验，维护者审核，通过后写进 plugins.json。

但光有登记仓库还不够。真正对用户来说，插件市场不是 GitHub 上的一份 JSON，而是客户端里一个能看、能搜、能安装、能更新的入口。
所以这篇就换到 MoeKoe Music 主项目里，专门聊客户端的插件市场部分。

为什么选 Chrome Extension 这一套

MoeKoe 是 Electron 应用，Electron 本身就有加载扩展的能力。既然底层已经能跑 Chrome Extension，那就没必要再从零设计一套插件格式。

这样做有几个好处:

第一，插件作者不用学一套完全陌生的格式。manifest.json、popup.html、background.js 都是浏览器扩展里很常见的概念。
第二，插件天然有清单文件。主程序可以先读 manifest.json，判断插件名称、版本、描述、权限、弹窗入口、最低支持版本这些信息。
第三，Electron 可以直接加载插件目录，不需要我自己写一个脚本沙箱。

展示、搜索、分页和状态

插件市场不是只要能安装就行，还要能快速判断：

这个插件是干什么的
我有没有装过
我装的是不是旧版本
这个插件有没有更高版本要求
它有没有联网、文件访问、本地二进制这些风险点
分页,搜索,更新,状态

所以市场卡片里展示的不只是“安装”按钮。

确保插件目录存在
调用Electron下载安装、卸旧版、装新版
注册插件相关 IPC
加载 Chrome 扩展
加载 Native Host 索引和授权系统

已安装插件

插件管理页里的“已安装插件”不是只读 Electron 当前加载的扩展。它会把两类信息合并：

session.defaultSession.getAllExtensions() 拿到已加载扩展
scanExtensions() 扫描磁盘插件目录，读取 manifest、图标、popup、Native Host 声明

前端拿到这些字段后，就能显示：

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

MoeKoeMusic-Plugins设计理念

xxx@example.com (MoeJue) — Sat, 20 Jun 2026 11:45:33 +0000

MoeKoeMusic-Plugins设计理念

作者：MoeJue（xxx@example.com）

一开始做 MoeKoe Music 插件生态的时候，还没有在线插件市场这个功能
后来在社区的建议下便有了这个插件市场增加官方/社区插件仓库以扩展产品功能

插件可以由社区开发，那插件市场应该怎么管？

最直接的做法当然是把所有插件源码都收进一个大仓库里。但这个方案越想越别扭。每个插件都有自己的作者、自己的发布节奏、自己的构建方式。把它们全塞进官方仓库，不仅维护成本高，也会把责任边界搞得很模糊。

所以这个仓库最后没有被设计成“插件源码仓库”，而是变成了一个“插件登记与索引仓库”。它只做几件事：

接收插件上架、更新、下架和举报申请
自动做一轮基础校验和静态识别
把人工审核通过时的插件快照记录下来
维护客户端可以读取的 plugins.json
顺手把 README 里的插件列表更新出来，方便人看

一个可追溯的登记簿：谁提交的、审核的是哪个版本、下载地址是什么、是否有网络或文件权限，都落在一份清楚的数据里。

市场索引，而不是源码仓库

仓库根目录最重要的文件是 plugins.json。它就是插件市场真正消费的数据源。

{
  "id": "custom-app-background",
  "name": "自定义背景图",
  "description": "为MoeKoe Music提供自定义背景图能力，支持透明度调节。",
  "iconUrl": "...",
  "version": "1.0.0",
  "minversion": "1.6.1",
  "...":"....",
  "buildRequired": false,
  "networkAccess": false,
  "fileAccess": false,
  "binaryContent": false,
  "snapshot": {
    "iconUrl": "...",
    "repository": "MoeKoeMusic/custom-app-background-plugin",
    "commitSha": "dbf72d38c8cf6b1d1cefdf8ce15798d565678995",
    "downloadUrl": "hxx.zip",
    "release": null
  }
}

我不想让市场记录永远指向插件仓库“当前最新代码”。因为作者今天提交的代码，和审核那天看到的代码，可能已经不是同一份东西了。插件市场真正应该承认的是：审核通过时的那个版本。

所以这个项目里面有一个核心原则：

上架的不是一个会漂移的仓库地址，而是一个已经锁定的快照。

对于不需要编译的插件，快照锁到默认分支当时的 commit。对于需要编译的插件，快照锁到对应的 Release tag 和发行附件。这样后面真出了问题，也能回头知道当时到底审核了什么。

Action 先跑，人最后拍板

用户提交 Issue 时，需要选择：

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

Web3 链上红包 DApp

xxx@example.com (MoeJue) — Sat, 10 Jan 2026 14:02:35 +0000

Web3 链上红包 DApp

作者：MoeJue（xxx@example.com）

这是一个100%去中心化的区块链红包应用。用户可以连接钱包，设定金额和数量发送红包，然后通过链接分享给他人领取。所有数据和操作都基于区块链，完全不需要中心化服务器，整个过程安全、透明、可追溯。

如果你感兴趣，可以在 GitHub 上看看我的代码：redpacket‑dapp

功能亮点

🧧 发送红包: 连接钱包后，设置金额和数量发送红包到区块链
🎁 领取红包: 通过分享链接，别人可以连接钱包直接从区块链领取红包
🔗 智能合约: 使用 Solidity 编写的安全智能合约处理所有逻辑
🌐 多链支持: 支持本地测试网和 BSC 测试网
💼 Web3 集成: 使用 MetaMask 钱包连接
🚀 完全去中心化: 没有后端服务器，所有数据存储在区块链

技术栈

前端：React 19、React Router 6、TypeScript、Vite、Ethers v6
合约层：Hardhat、Solidity 0.8.x
工具：ESLint、Prettier
不需要后端: 零依赖服务器 ❌

快速启动

# 1. 安装项目依赖
npm install
cd react-dapp && npm install && cd ..

# 2. 启动本地区块链节点
npm run node

# 3. 编译智能合约
npx hardhat compile

# 4. 部署智能合约
npm run deploy

# 5. 启动前端
npm run frontend

目录结构

redpacket-web3/
├─ contracts/                # Solidity 智能合约
│  └─ RedPacket.sol
├─ react-dapp/               # React + Vite 前端
│  ├─ src/
│  │  ├─ components/         # 通用组件（钱包按钮、创建表单等）
│  │  ├─ config/             # ABI、合约地址配置
│  │  ├─ hooks/              # 自定义 hooks（useWallet）
│  │  ├─ pages/              # 页面（Home、ClaimPacket）
│  │  ├─ styles/             # 全局样式
│  │  ├─ utils/              # Web3 工具函数
│  │  └─ App.tsx             # 路由与布局
│  ├─ .env.example           # 前端所需的环境变量说明
│  └─ package.json
├─ scripts/
│  └─ deploy.js              # Hardhat 部署脚本（会自动写入前端配置）
├─ hardhat.config.js
└─ package.json              # 根目录脚本（Hardhat + 前端一键启动）

使用指南

创建红包

打开前端并点击右上角「连接钱包」。
填写红包总金额与份数，应用会在前端随机拆分金额。
提交后在 MetaMask 中确认交易，等待区块确认。
成功后可复制系统生成的领取链接，分享给朋友。

领取红包

打开分享链接（URL 带有 /claim/{packetId}）。
同样先连接钱包，然后点击「点击领取」。
签名确认后等待区块打包，页面会显示结果与剩余份数。

环境变量

dapp/.env（开发环境会自动忽略，请参考 .env.example）
- VITE_RPC_URL：前端直连节点 RPC，默认为 http://127.0.0.1:8545
- VITE_CONTRACT_ADDRESS：可覆盖部署脚本写入的地址
- VITE_CHAIN_ID：前端提示使用的链 ID（十六进制）
root/.env：若需要在 Hardhat 中引用私钥或 BSC RPC，可继续沿用原有写法。

智能合约（RedPacket.sol）

核心方法：

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

萌音商城移动端版本发售

xxx@example.com (MoeJue) — Thu, 17 Apr 2025 09:07:11 +0000

萌音商城移动端版本发售

作者：MoeJue（xxx@example.com）

项目介绍

萌音商城移动版是一个基于uniapp开发的多端商城系统，支持iOS、Android、H5及小程序等多个平台。系统采用PHP + MySQL + FastAdmin作为后端技术栈，实现了完整的电商功能。

核心功能

商品管理：分类、列表、详情展示
购物流程：购物车、结算、支付、订单管理
用户系统：会员中心、个人信息管理
多商户模式：商户独立管理商品与订单
发货系统: 支持推送订单至ERP(管家婆)系统处理
双模式交易：
- 线上下单快递发货
- 线上下单到店自取/骑手配送

系统预览

后台管理界面

小程序端界面

版本说明

当前版本为V1.0版，部分界面为预留规划，将根据实际需求持续更新完善。由于没有正式发布版本，上线小程序运营，所以没有线上版本可供演示目前程序处于V1.0初版，部分界面是提前预留规划的，后期会根据需求进行更新

购买说明

价格：188元 (版本更新后将会视情况调整价格，请以实际价格为准)
内容：完整源代码（含移动端和后台，无加密无授权）
推荐返利：推荐好友购买可获20%返利
更新服务：终身免费更新
使用须知：禁止私自转售，违规将停止更新服务
开发支持：源码含详细注释，方便二次开发
项目托管：代码托管于GitHub，更新日志完整透明
多端支持: 需要自行编译其他客户端，基于微信小程序环境开

联系方式

QQ交流群：点击加入
由于没有个人QQ链接，加群后请@群主咨询购买事宜
项目滞销了，请帮帮阿珏酱

在线演示

微信小程序端演示视频
后台演示环境请联系咨询
微信小程序可联系添加体验权限

本文2025-04-17首发于阿珏酱のBlog，最后修改于2025-09-06

幻想领域图床使用帮助

xxx@example.com (MoeJue) — Mon, 19 Mar 2018 11:56:29 +0000

幻想领域图床使用帮助

作者：MoeJue（xxx@example.com）

介于较多人在安装使用过程中遇到问题，所以还是得总结一下，如果还不能解决可以加群向万能的群友提问

验证码不显示

查看服务器是否支持GD图形处理库
查看服务器WEB环境

Apache：如果你的程序是安装在二级目录下，修改程序根目录下的.htaccess文件

RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-f Rewritebase /你的二级目录名/index.php RewriteRule ^(.*)$ /你的二级目录名/index.php?/$1 [L]

Nginx：找到配置文件nginx-conf，在location / 段中修改加入以下内容

try_files $uri $uri/ /index.php?$query_string;

或者是这个

if (!-d $request_filename){ set $rule_0 1$rule_0; } if (!-f $request_filename){ set $rule_0 2$rule_0; } if ($rule_0 = “21”){ rewrite ^/(.*)$ /index.php?/$1 last; }

IIS伪静态同Apache一样
宝塔面板使用现成的thinkPHP的伪静态

邮件发送失败

先确定你的25端口是否被封禁，如果封掉，尝试让主机商启用(如果不启用就换服务器)
关掉注册验证或者等下个版本更新（注：改端口是没有用的，465端口需要ssl支持）

数据接口异常

伪静态重定向失败，请参考上方的再做设置
如果是nginx服务器，找到路径/framework/core/Framework.php第51行到第53行注释或者删除，具体代码如下(一般Apache服务器不会遇到这个问题，只有nginx的服务器才会)

if ($path != ‘’) { $path = strstr(trim($_SERVER[‘REQUEST_URI’],’/’),$path); }

本文2018-03-19首发于阿珏酱のBlog，最后修改于2025-09-06

我不会AE,但是我会Code

xxx@example.com (MoeJue) — Sat, 23 Aug 2025 12:29:01 +0000

我不会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

💌 特别感谢 💌

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

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

打造 macOS 风格的 Web 应用

xxx@example.com (MoeJue) — Sun, 11 May 2025 11:46:03 +0000

打造 macOS 风格的 Web 应用

作者：MoeJue（xxx@example.com）

项目概述

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

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

在线演示

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

核心特性

macOS 风格的 UI 设计
- 采用 macOS 的设计语言
- 精致的毛玻璃效果
- 优雅的动画过渡
现代化的技术栈
- Vue.js 作为核心框架
- Vite 作为构建工具
- Pinia 进行状态管理
- Vue Router 处理路由
- SCSS 预处理器
- ES6+ 现代特性
响应式设计
- 完美适配各种屏幕尺寸
- 流畅的移动端体验

项目结构解析

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

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

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

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

我的二次元相册又回来了

xxx@example.com (MoeJue) — Fri, 08 Nov 2024 09:52:39 +0000

我的二次元相册又回来了

作者：MoeJue（xxx@example.com）

从最早的图库,到图床,在到现在的相册.我对图片的执着已经可以说是跨越了好几个世纪了. 图库的图片是存在七牛云的,后来流量被刷就关闭了. 图床,现在转为为博客提供图片上传服务了. 相册,就是手机中相册的概念,它既可以存图片也可以放视频. 逐渐是越来越完善了

这两天就把平常保存的视频图片什么的上传到了服务器,写了个界面和接口,顺带开源出来.(我要做一个坚定的开源爱好者)

我的二次元相册前端界面

这里是阿珏酱的私人相册,保存着阿珏在平常收集的图片,和各大平台中点赞收藏的视频.
包括但不限于B站,YouTube,抖音,X,facebook,pixiv等平台的视频或图片,相关的数据信息版权归原作者所有.
数据将不定期手动更新,如果你想要某些图片或者视频,请直接联系阿珏酱获取.

预览

https://photo.moejue.cn

特性

支持图片和视频的展示
支持相册的展示
支持相册的密码保护
支持18+保护
支持搜索

Todo

优化特效展示
优化界面流畅度

安装说明

克隆仓库到本地：

git clone https://github.com/iAJue/PhotoGallery.git

进入项目目录：
```
cd PhotoGallery
```
安装依赖：
```
npm install
```
打包项目
```
npm run build
```

后端接口

仅供参考 https://github.com/iAJue/wasteCode/tree/main/photo

返回数据格式

照片接口

[
{
    "date": "\u6628\u5929",
    "items": [
        {
            "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
            "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
            "isVideo": false,
            "duration": null
        }
    ]
}
]

相册接口

本文2024-11-08首发于阿珏酱のBlog，最后修改于2024-12-04