米尔嘉
米尔嘉
发布于 2023-12-28 / 139 阅读
1
0

SPlayer一个简约的音乐播放器搭建教程

SPlayer项目地址:https://github.com/imsyy/SPlayer

SPlayer一个简约的音乐播放器

项目演示

界面尊嘟很好看owoooo

20231229103548

20231229103559

Github+Vercel部署

仓库地址:https://github.com/imsyy/SPlayer

本程序依赖 NeteaseCloudMusicApi 运行,请确保您已成功部署该项目,并成功取得在线访问地址

点击本仓库右上角的 Fork,复制本仓库到你的 GitHub 账号,然后克隆到本地文件夹中

git clone https://github.com/minterjia/SPlayer.git

复制 /.env.example 文件并重命名为 /.env

将 .env 文件中的 RENDERER_VITE_SERVER_URL 改为第一步得到的 API 地址

RENDERER_VITE_SERVER_URL = "https://example.com";

提交到github

git add .
git commit -m "fix"
git push

Vercel部署项目

将 Build and Output Settings 中的 Output Directory 改为 out/renderer

build

点击 Deploy,即可成功部署

Github+Vercel部署更新

Git同步上游并保留自己本地的修改

1.添加上游远程仓库:使用以下命令将上游仓库添加为远程仓库:

git remote add upstream https://github.com/imsyy/SPlayer.git

2.拉取上游分支:使用以下命令从上游仓库拉取最新的更改:

git fetch upstream

3.合并上游分支:使用以下命令将上游分支的更改合并到你的本地分支:

git merge upstream/master

如果您当前在一个不同的分支上,请将 upstream/master 替换为你想要合并的上游分支名称。

git merge upstream/dev
git merge -m "Merge the latest changes from upstream/dev into local dev branch" upstream/dev

4.解决冲突(如果有):如果在合并上游分支时发生冲突,您需要解决这些冲突。Git 会在冲突的文件中标记出冲突的部分,您需要手动编辑这些文件以解决冲突。

5.保留本地修改:在解决冲突后,您的本地修改可能会被覆盖。您可以使用 git stash 命令将本地修改保存到一个临时存储区,然后在合并完成后再应用这些修改。以下是使用 git stash 的示例命令:

git stash

在合并完成后,使用以下命令将之前保存的本地修改应用回来:

git stash apply

请注意,这些步骤假设您已经将上游仓库添加为远程仓库,并且您当前在正确的本地分支上进行操作。确保根据您的实际情况进行调整。

注意:

git merge --squash upstream/master

有--squash就合并成一个commit,没有的话上游几个就几个

这个没什么好说,你用git pull的时候就是git fetch + git merge

修改上游远程仓库

git remote set-url upstream git@github.com:imsyy/SPlayer.git

修改远程仓库

git remote set-url origin git@github.com:minterjia/SPlayer.git

移除上游远程仓库

要从您的 Git 仓库中移除上游远程仓库,可以使用以下命令:

git remote remove upstream

这将移除名为 “upstream” 的远程仓库。请确保在执行此命令之前,您已经添加了正确的远程仓库名称。您可以使用以下命令来查看当前配置的远程仓库:

git remote -v

这将列出您当前配置的所有远程仓库及其 URL。确保找到正确的上游远程仓库名称,并将其替换为上述移除命令中的 “upstream”。

请注意,移除上游远程仓库后,您将无法再从该仓库拉取最新的更改或推送您的更改到该仓库。

查看上游分支

  1. git remote -v: 这个命令会显示远程仓库的信息,包括上游分支的URL。
  2. git branch -vv: 这个命令会显示本地分支以及与之相关联的远程分支。上游分支通常以 origin/ 前缀显示。

提交到github,vercel自动部署

git add .
git commit -m "fix"
git push

Docker部署

拉取

docker pull imsyy/splayer:latest

运行

docker run -d --name SPlayer -p 7899:7899 imsyy/splayer:latest

我的

docker run -d --name SPlayer -p 40012:7899 imsyy/splayer:latest

Docker部署更新

暂停容器

docker stop SPlayer

删除容器

docker rm SPlayer

拉取最新镜像

docker pull imsyy/splayer:latest

安装最新镜像

docker run -d --name SPlayer -p 7899:7899 imsyy/splayer:latest

我的

docker run -d --name SPlayer -p 40012:7899 imsyy/splayer:latest

评论