如果今天你不想用街聲的撥放器而是使用KIRA自帶的撥放器的話我們就需要有音樂的mp3檔

今天我們用免費音樂做介紹

官方說明

首先安裝我們的aplayer

npm install --save hexo-tag-aplayer

使用

{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

標籤參數
title : 曲目標題
author: 曲目作者
url: 音樂檔案 URL 位址
picture_url: (可選) 音樂對應的圖片位址
narrow: （選購）播放器袖珍風格
autoplay: (選購) 自動播放，行動裝置瀏覽器暫時不支援此功能
width:xxx: (可選) 播放器寬度 (預設: 100%)
lrc:xxx: （可選）歌詞檔案 URL 位址

撥放器圖片同樣可以使用前面文章介紹的隨機圖 (在DAY13中有介紹)

音檔放到文章同名的資料夾底下就行

範例

{% aplayer "Demo" "Me" "By Myself - The Grey Room _ Clark Sims.mp3" %}

原作者的網站預覽

使用kira自帶的撥放器就能有更好看的外觀了