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

前置条件

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

教程

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 playlistQQ 音乐歌单
tencent songQQ 音乐单曲
netease playlist网易云音乐歌单
netease song网易云音乐单曲
netease artist网易云音乐艺术家
ytmusic playlistYouTube / 油管歌单
ytmusic songYouTube / 油管单曲
spotify playlistSpotify歌单
spotify songSpotify单曲

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

使用

API 参数说明

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# 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

最后自然是 Hexo 三连啦！

1
hexo cl; hexo g; hexo s

可以F12查看Meting.min.js文件是否加载出来

鸣谢

GitHub：xizeyoupan/Meting-API