评论实现方法

通过Waline官方方法实现,butterfly主题已内置。评论系统托管至vercel。
现在任何成员可通过匿名的方式发表评论,也可使用昵称发表评论。
登录入口或者在评论框下方点击登录按钮————>用户注册。

音乐实现方法

通过APlayer插件实现,butterfly主题已内置

1.安装项目依赖

1
$ npm install --save hexo-tag-aplayer

或者

1
npm install --save hexo-tag-aplayer

2.配置butterfly下的_config.yml

1
2
3
4
# Inject the css and script (aplayer/meting)
aplayerInject:
enable: true
per_page: true

3.在music文件夹下的index.md文件下新增以下配置文件

1
<div id="aplayer-oSEOhviA" class="aplayer aplayer-tag-marker meting-tag-marker" data-id="xxxxxx" data-server="xxxxx" data-type="playlist" data-mode="random" data-autoplay="false" data-listmaxheight="1000px" data-preload="auto" data-theme="#e3f2f5" data-volume="0.4" mutex="true"></div>

注释:
data-id=”xxxxxx”(填写歌单id,在网页端打开歌单后地址栏出现id=后面的字符串,否则默认地址栏最后面的字符串)
data-server=”xxxxx”(填写音乐歌单提供平台,如果是网易云音乐,为netease,支持netease , tencent , kugou , xiami , baidu共五家平台。)
data-listmaxheight=”1000px”(歌单展开长度设置。)
data-theme=”#e3f2f5”(歌单背景颜色,支持十六进制字符)

4.查看效果

1
hexo s

5.部署(hexo三连发)

1
hexo cl && hexo g && hexo deploy

匿名评论有可能被吞,建议使用备用注册账号后再评论哦!