After setting front matter aplayer: true

You got the abilitiy to write Aplayer Custom element in markdown without hexo-tag-aplayer

And it is proatble in any environment in which you can write your own html code.

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
26
<s-aplayer
  audio='[
  {"name": "光るなら",
    "artist": "Goose house",
    "url": "https://blog-static.fengkx.top/svelte-aplayer/hikarunara.mp3",
    "lrc": "https://blog-static.fengkx.top/svelte-aplayer/hikarunara.lrc",
    "cover": "https://blog-static.fengkx.top/svelte-aplayer/hikarunara.jpg"
  },
  {"name": "神奇的糊塗魔藥",
    "artist": "林家謙",
    "url": "https://blog-static.fengkx.top/svelte-aplayer/margic-sillines.mp3",
    "lrc": "https://blog-static.fengkx.top/svelte-aplayer/margic-silliness.lrc",
    "cover": "https://blog-static.fengkx.top/svelte-aplayer/margic-sillines.jpg"
  },
  {"name": "君の知らない物語",
    "artist": "supercell",
    "url": "https://blog-static.fengkx.top/svelte-aplayer/bakemonogatari-ed.mp3",
    "lrc": "https://blog-static.fengkx.top/svelte-aplayer/bakemonogatari-ed.lrc",
    "cover": "https://blog-static.fengkx.top/svelte-aplayer/bakemonogatari-ed.jpg"
  },
  {"name": "「戦場ヶ原、蕩れ」",
    "artist": "神前暁",
    "url": "https://blog-static.fengkx.top/svelte-aplayer/senjougahara.mp3",
    "cover": "https://blog-static.fengkx.top/svelte-aplayer/senjougahara.jpg"
  }]'
/>

HTML above produce

You need to set cdn url in theme config file (cdn.aplayer) first checkout the demo repo