评论与音乐系统实现
评论实现方法
通过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 | # Inject the css and script (aplayer/meting) |
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 |
匿名评论有可能被吞,建议使用备用注册账号后再评论哦!
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Comment