一、前言
大家好，我是攻城狮阿程。节后复工了，上海的天气也在慢慢回暖，下雨的天也渐渐多了起来，下雨天和听歌更配哦，因此阿程就给大家带来一款可以自己创建喜欢的网易云音乐卡片的容器 —— MusicCard，这样各位音乐同好们就可以自己创建漂亮的可视化海报啦。
码字不易，喜欢我的教程欢迎各位多提建议多评论，畅所欲言，涉及破解、打倒美帝走近科学和资源分享的教程容易被和谐，也欢迎各位关注我的公众号和博客，以防走丢。
公众号：攻城狮阿程
知乎：攻城狮阿程
小红书：果冻橙是橘子吗の快乐生活
个人博客：strider1230.cn
淘宝：阿程数码
抖音：果冻橙是橘子吗
B站：果冻橙是橘子吗
1.1 软件介绍
MusicCard 是一个基于 Next.js 开发的在线音乐海报生成工具，允许用户为自己喜爱的网易云音乐曲目创建精美的可视化海报。用户只要输入网易云音乐链接（支持手机端短连接、电脑端长链接、手机端带歌曲信息的链接），MusicCard 会自动提取歌曲信息，生成音乐海报。而且海报页面每个元素的内容、位置和大小都可以自由编辑。
1.2 软件特点
MusicCard 主要有以下 6 个特色：
-
多种海报主题和布局：用户可以选择不同的海报样式。
-
网易云音乐链接解析：支持解析网易云音乐的链接，自动生成海报。
-
响应式设计：适配各种设备，支持移动端使用。
-
自定义样式和颜色：用户可以自由调整海报的外观。
-
歌词展示：支持在海报中展示歌曲歌词。
-
高清图片导出：用户可以导出生成的海报为高清图片。
1.3 部署容器前你可能需要一块固态硬盘
我教程内展示的容器都是配置在固态硬盘上的，建议想多搭容器及虚拟机的朋友在执行教程前先准备一块固态硬盘，容器、虚拟机安装在固态硬盘的好处如下：
-
不会干扰机械硬盘的休眠，使得机械硬盘始终扮演数据保存的角色
-
部署在固态硬盘内的容器、虚拟机调用以及响应的速度都比机械硬盘好
-
容器若发生泄露，不会污染、破坏你的机械硬盘内的数据
1.4 M.2接口 SSD 固态硬盘的适配
Z4系列的M.2接口支持高速存储、只读缓存等功能，如果是要在固态硬盘内部署虚拟机、容器服务等，需要选择高速存储功能；
-
仅支持M.2接口 NVMe 2280 的SSD固态硬盘，其中2280指的是长度；
-
官方说由于PCIe4.0自身的兼容性问题，极空间暂时不支持PCIe4.0的SSD，但是实验下来是支持PCIe4.0的固态的，只是安装上去以后该固态硬盘的温度会比PCIe3.0的固态硬盘高10℃左右，因此买的时候要还是建议选择PCIe3.0的SSD；
-
设置只读缓存时，Z4系列8G-16G内存的产品建议选购256G容量；16G及以上内存的产品建议选购512G容量；（PS：极空间Z4Pro 是支持DDR5 32G 4800MHz的笔记本电脑内存哦）
-
设置高速存储时，SSD不得小于32GB，最大支持4T；
-
建议选购大品牌的SSD，这里推荐一个我用了两年的：致钛tiplus5000 1TB/2TB，京东和淘宝上都有货源；
* 请选择耐用 SSD。由于 SSD 的寿命受限于有限的写入次数，请确保使用耐用性更高的 SSD，以防止潜在风险。
1.5 应用截图
1.6 演示体验
如果嫌自己搭起来麻烦，或者搭之前想体验一下效果的，可以去这个地址：https://card.catpng.net
二、部署 MusicCard 容器
2.1 下载 MusicCard 官方镜像
2.1.1 通过极空间的 Docker 管理页面拉取（确保镜像源的选择：Docker Hub）
在左侧边栏选择“镜像”，然后点击“仓库”，接着再点击“自定义拉取”按钮后，点击“自定义拉取”按钮，在弹出的对话框中输入wbsu2003/musiccard:latest拉取镜像，点击拉取，等待拉取完成。
2.1.2 导入其他来源获取的镜像（如极空间用户之间的闪电传）
部分用户可能没有科学上网环境，也不会按上述步骤配置镜像站，导致镜像无法远程拉取，可以通过其他下载途径进行下载，或使用极空间本身提供的闪电传、文件分享功能获取链接下载。
2.2 配置 MusicCard 容器
第一步：在本地镜像找到拉取到的镜像，点击添加到容器；
第二步：为了防止极空间突然因停电或升级等原因重启，因此需要勾选上极空间开机后自动启动此容器选项，这里勾选调用核心显卡或者不勾选都可以，最后把特权模式勾选上，该项是开启极空间SSH功能后才会出现，开启有助于容器不会因为奇怪的权限问题反复重启；
第三步：该容器不需要配置本地文件夹路径，如下图所示配置网络和端口号即可，其中端口号：67770 是我设置的页面端口号，如果遇到端口冲突的情况，请自行设置其他高位端口，环境变量默认即可，最后点击应用按钮完成保存；
三、 程序测试
3.1 测试登录程序前端页面
使用浏览器打开你极空间的“IP : MusicCard 端口号：67770（容器端口默认为3000），能够看到下图所示界面说明 MusicCard 已经部署成功。
3.2 测试通过极空间自带的远程登录功能进行访问
第一步：先点击极空间的“远程访问”图标；
第二步：在弹出的对话框中点击“添加新的链接“按钮；
第三步：在弹出的”编辑远程访问“对话框中，备注栏填写：MusicCard，地址栏填写："你极空间容器的IP地址：67770"，点击保存按钮。
四、MusicCard 的使用
4.1 导入音乐链接
① 打开网易云音乐客户端随便找了一首Aimer的音乐。
音乐地址：https://music.163.com/song?id=514774419&uct2=U2FsdGVkX19aTmrF0vojtnSJF1insBI/RJ+jvQV1/HU=
② 输入音乐链接后，点开始创作。
③ 生成速度大概2-5s。
4.2 编辑歌曲海报信息
① 主题区域可以自行选择预设主题，目前该项目只有几个固定主题，后续作者会增加。
② 元素编辑区域可以调节包括画报封面Cover、歌曲标题Title、作者标记Artist、歌词摘要Lyrics、歌曲时长标记Duration等模块的位置和尺寸。
③ 下方的编辑内容对话框打开后还可以调整歌曲标题、作者信息、歌词摘要、时长数字等内容，并且支持重新添加歌曲封面。
4.3 下载海报
编辑好以后点击下载按钮即可将生成的内容通过电脑默认的下载工具下载存放到本地。
4.4 音乐小卡样式
① 点击右上角的Phone按钮，即可从音乐海报模式切换到音乐小卡样式。
② 切换后的样式会显示你当时暂停的播放时长，同时编辑调整的内容均在右侧展示，就不再赘述了。
最后放一下自用的Z4Pro性能版的信息，CPU为英特尔的i3-N305，8核心8线程，3.8GHz最大频率，核显为UHD，跑该容器完全无压力。
4.5 一些常见问题的解答
Q1：可以用这个容器做反代后使用吗？
A：可以，但是更建议在局域网内使用或者是在有公网IPv4的情况下使用。
Q2：我的固态硬盘容量小，可以把这个容器的录制内容存放路径改到机械硬盘上吗？
A：可以，只要你能忍受机械硬盘不休眠。
Q3：这个容器可以在通过极空间远程访问功能进行操作吗？
A：远程访问功能可以进入该容器并正常操作。
五、结语
MusicCard 能够让音乐爱好者们更轻松方便的制作属于自己的歌曲封面。项目使用时的CPU占用不高，个人建议为了战未来，NAS处理器至少得是N97这个级别往上，内存至少有16G以上，因为你还会搭其他的容器，所以如果是长期用的话，我个人比较推荐用Z4Pro性能版及更高配置的设备部署。
如果你看完教程还是觉得部署很困难，也可以扫描下方二维码进入我的淘宝小店——阿程数码，直接购买对应的极空间 Docker 服务，我会远程帮你有偿部署。
