部署Meting-API

本教程使用了 GitHub 上的xizeyoupan/Meting-API开源项目，实现无服务器部署属于自己的 Meting-API
本文主要针对无服务器的同学进行讲解，若有服务器可切换此仓库metowolf/Meting-API进行部署
自建的好处：API 的调用无需受制于人，不怕跑路，因为 API 掌握在自己的手里
演示 Test：meting-api.saop.cc/test

前置条件

注册GitHub账号（已经有就不用注册）
注册Vercel账号（已经有就不用注册）
有能访问 GitHub 和 Vercel 官网的工具（魔法）
一个属于自己的域名和一定的计算机基础知识
一双手，一个脑子，一双眼，一台电脑或手机

教程

0x0001

前往xizeyoupan/Meting-API开源项目的仓库，点击右上角的Fork按钮 Fork 此仓库的 main 分支，

进入Vercel平台点击Add New...>Project，动下自己的脑子，添加刚才 Fork 过来的仓库，

0x0002

部署成功后进入到项目的Settings>Domains自定义域名，添加自己的二级域名，就比如我的meting-api.saop.cc

前往自己域名的 DNS 服务商（就比如我域名的腾讯云），添加 Vercel 提供的 CNAME 解析

0x0003

稍作等待，大概两三分钟的样子，然后访问自己刚绑定二级域名/test，例如https://meting-api.saop.cc/test

如果出现报错就全部重来，一般来说都是自己操作的问题，成功的话就会出现以下测试页面：

歌曲的左上角是服务商和获取到的类型，对应的是：

原名	服务商	类型
tencent playlist	QQ 音乐	歌单
tencent song	QQ 音乐	单曲
netease playlist	网易云音乐	歌单
netease song	网易云音乐	单曲
netease artist	网易云音乐	艺术家
ytmusic playlist	YouTube / 油管	歌单
ytmusic song	YouTube / 油管	单曲
spotify playlist	Spotify	歌单
spotify song	Spotify	单曲

如果有些服务商或类型是空白的，那就说明获取不到该服务商或类型的数据，那就要在使用的时候避开此项

使用

API 参数说明

server: 数据源
- netease 网易云音乐
- tencent QQ 音乐
type: 类型
- name 歌曲名
- artist 歌手
- url 链接
- pic 封面
- lrc 歌词
- song 单曲
- playlist 歌单
id: 类型 ID（封面 ID/单曲 ID/歌单 ID）
例如：

API 嵌入Meting.min.js

将Meting.min.js文件保存到自己的设备上

Meting.min.js：https://npm.elemecdn.com/meting/dist/Meting.min.js

编辑此文件，Ctrl + F 搜索api?server=，将https://api.i-meto.com/meting/api?server=更换成自己的 API 后 Ctrl + S 保存

更换前：https://api.i-meto.com/meting/api?server=
更换后：https://meting-api.saop.cc/api?server=

替换后就可以放到代码空间里使用链接引用此文件了，或放到本地使用相对链接引用也可以

应用于 Hexo 的 Butterfly 主题

配置前确保启用了 APlayer 音乐插件，不然配置了也没什么用…

将Meting.min.js文件放到[站点根目录]\source\js文件夹内，编辑主题配置文件_config.butterfly.yml，

更换meting_js:配置项的 CDN 链接为/js/Meting.min.js

# CDN
# Don't modify the following settings unless you know how they work
# 非必要請不要修改
CDN:
  # The CDN provider of internal scripts (主題內部 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # Dev version can only choose. ( dev版的主題只能設置為 local )
  internal_provider: local

  # The CDN provider of third party scripts (第三方 js 的 cdn 配置)
  # option: local/jsdelivr/unpkg/cdnjs/custom
  # when set it to local, you need to install hexo-butterfly-extjs
  third_party_provider: unpkg

  # Add version number to CDN, true or false
  version: false

  # Custom format
  # For example: https://cdn.staticfile.org/${cdnjs_name}/${version}/${min_cdnjs_file}
  custom_format:

  option:
    aplayer_css: https://npm.elemecdn.com/aplayer/dist/APlayer.min.css
    aplayer_js: https://npm.elemecdn.com/aplayer/dist/APlayer.min.js
    meting_js: /js/Meting.min.js