~~之前因为学业很久没写博客了,~~最近重新开始写博客

前言

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 buildInstall 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在境内已经无法访问了,所以建议添加自己的域名
进入项目后,依次点击SettingDomains然后添加自己的域名,在修改域名DNS解析时,官方给的默认Cname记录cname.vercel-dns.com可能在境内访问教差,推荐使用下面的记录:cname-china.vercel-dns.com,等待域名成功解析后就可以尝试访问刚刚部署好的网站了