UnlockMusic音乐解锁搭建教程
~~之前因为学业很久没写博客了,~~最近重新开始写博客
前言
Unlock Music 音乐解锁在浏览器中解锁国内常见的加密的音乐文件,仅供学习使用。我这里也有一个已经搭建好的,如果不想搭建,可以直接使用我搭建好的网站:https://um.akimio.top
准备
- GitHub账号
- Vercel账号
- 域名
搭建教程
Unlock Music官方仓库
UM仓库原本是在Github上的,但是后面也是收到警告,现在已经在Github上删库了,现在是发布在自建的Gitea上: Unlock Music Git Service
可以在Github上新建一个仓库然后从第三方URL导入仓库,或者也可以直接从我的Github仓库Fork:Akimio521/UnlockMusic
Vercel部署
这里也可以选用其他的静态网页托管平台,这里我就选择Vercel了
进入Vercel官网(没有Vercel账号也可以使用Github账号登入),进入到主界面后,点击Add New...
、Project
,就在这里找到仓库点击Import
,~~Prject Name
随意选择,Framework Preset
默认Vue.js
就好,在Build and out put Settings
中需要修改两个两个设置,打开Build Command
后面的OVERRIDE
按钮,填入npm run build
;Install Command
也是,不过需要填入npm install && npm ci
~~~后面就等待部署完成就可以了,不过第一次部署不出意外的话应该会失败,因为Vercel默认提供的Node.js版本是18.x的,截止2023-12-27,UnlockMusic项目的Node.js版本依旧是16.x,所以需要去Vercel设置中手动修改,具体位置在项目的Setting
->General
->Node.js Version
然后下来选择16.x
就好,但是Vercel表示2024.6.15后就不提供16.x的版本了,所以以后可能需要换一种部署方式。关于UnlockMusic项目Node.js的具体版本可以在项目根目录的.nvmrc
文件中查看,然后回到Deployment
重新部署一下就好了
添加域名
Vercel提供的免费域名vercel.app在境内已经无法访问了,所以建议添加自己的域名
进入项目后,依次点击Setting
、Domains
然后添加自己的域名,在修改域名DNS解析时,官方给的默认Cname记录cname.vercel-dns.com
可能在境内访问教差,推荐使用下面的记录:cname-china.vercel-dns.com
,等待域名成功解析后就可以尝试访问刚刚部署好的网站了
- 感谢您的赞赏。