以下为在HexoHexoHexo中添加音乐(列表)、视频的代码。注意:在使用代码前要安装hexo−tag−aplayerhexo-tag-aplayerhexo−tag−aplayer【用于播放音乐(列表)】和hexo−tag−dplayerhexo-tag-dplayerhexo−tag−dplayer【用于播放视频】!

添加音乐(列表)的代码

添加一首歌的代码

{% aplayer [歌曲标题] [歌曲作者] [歌曲地址] 【"picture_url=[歌曲封面图片地址]" "narrow=[true/false]" "autoplay=[true/false]"】 %}

(注:“【】”内为可选内容,下同)
其中narrownarrownarrow为使用袖珍风格,autoplayautoplayautoplay为启用自动播放。

添加一份音乐列表的代码

{% aplayerlist %}
{【"narrow": [true/false],"autoplay": [true/false],"mode": "[random/single/circulation/order]","showlrc": [1/2/3],"mutex"; [true/false],"theme": "[十六进制颜色代码]","preload": "[none/auto/metadata]","listmaxheight": "[数字]px",】//(注意逗号不能省!)"music":[{"title": "[歌曲标题]","author": "[歌曲作者]","url": "[歌曲地址]",【"pic": "[歌曲封面图片地址]","lrc": "[歌词地址]"】//(注意逗号不能省,最后一行无逗号!)},{"title": "[歌曲标题]","author": "[歌曲作者]","url": "[歌曲地址]",【"pic": "[歌曲封面图片地址]","lrc": "[歌词地址]"】}//以后的歌曲按如上方式配置,注意没两首歌曲的配置之间有一个逗号!]
}
{% endaplayerlist %}

其中部分参数的描述和默认值如下表。

参数 描述 默认值
narrownarrownarrow 是否使用袖珍风格 falsefalsefalse
autoplayautoplayautoplay 是否启用自动播放 falsefalsefalse
modemodemode 播放歌曲的顺序 circulationcirculationcirculation
showlrcshowlrcshowlrc 歌词显示的配置方案 000
mutexmutexmutex 如果同页面有其它音乐播放,该播放器是否会暂停 falsefalsefalse
themethemetheme 播放器风格色彩 #b7daff\#b7daff#b7daff
preloadpreloadpreload 音乐文件预载入模式 autoautoauto
listmaxheightlistmaxheightlistmaxheight 该播放列表的最大长度 340px340px340px

使用 MetingJS

在使用MetingJSMetingJSMetingJS前,请确认你的hexo−tag−aplayerhexo−tag−aplayerhexo−tag−aplayer插件的版本≥3.0\geq 3.0≥3.0!
如果想在本插件中使用MetingJSMetingJSMetingJS,请在你的HexoHexoHexo博客的根目录下的配置文件_config.yml中设置:

aplayer:meting: true

接着就可以通过在文章中使用MetingJSMetingJSMetingJS播放器了。格式如下:

{% meting "[歌曲id/播放列表id/专辑id/搜索关键字]" "[音乐平台]" "[类型]" 【附加选项】 %}

其中,“音乐平台”中可填neteaseneteasenetease(网易)、tencenttencenttencent(腾讯)、kugoukugoukugou(酷狗)、xiamixiamixiami(虾米)、baidubaidubaidu(百度),“类型”中可填songsongsong(单首歌)、playlistplaylistplaylist(播放列表)、albumalbumalbum(专辑)、searchsearchsearch(搜索出的所有歌)、artistartistartist(搜索到的艺术家的所有歌曲)。附加选项的格式为"[选项]:[值]",选项有:

选项 描述 可选项 默认值
fixedfixedfixed 是否开启固定模式 truetruetrue、falsefalsefalse falsefalsefalse
miniminimini 是否开启迷你模式 truetruetrue、falsefalsefalse falsefalsefalse
looplooploop 音乐列表的循环模式 allallall(全部循环)、oneoneone(单曲循环)、nonenonenone(不循环) allallall
orderorderorder 音乐列表的播放顺序 listlistlist(顺序播放)、randomrandomrandom(随机播放) listlistlist
volumevolumevolume 播放器的音量 000到111之间(包括000和111)的任意数 0.70.70.7
lrctypelrctypelrctype 歌词格式类型 111、222、333 000
listfoldedlistfoldedlistfolded 音乐播放列表是否折叠 truetruetrue、falsefalsefalse falsefalsefalse
storagenamestoragenamestoragename 本地储存中存储播放器设定的键名 任意字符串 metingjsmetingjsmetingjs
autoplayautoplayautoplay 是否自动播放(移动端浏览器暂时不支持此功能) truetruetrue、falsefalsefalse truetruetrue
mutexmutexmutex 如果同页面有其它音乐播放,该播放器是否会暂停 truetruetrue、falsefalsefalse truetruetrue
listmaxheightlistmaxheightlistmaxheight 播放列表的最大显示长度 [任意非负整数]px[\text{任意非负整数}]px[任意非负整数]px 340px340px340px
preloadpreloadpreload 音乐文件预载入模式 nonenonenone、autoautoauto、metadatametadatametadata autoautoauto
themethemetheme 播放器风格色彩设置 任意十六进制颜色代码 #ad7a86\#ad7a86#ad7a86

添加视频的代码

参见https://github.com/MoePlayer/hexo-tag-dplayer的说明。

Hexo中添加音乐(列表)、视频的代码相关推荐

  1. 在Hexo搭建的博客中插入音乐或者视频

    原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...

  2. 如何在Mac上的视频中添加音乐?

    自己录的视频没有音乐伴奏总是不完整的,怎样添加上音乐呢?在本篇文章中,我为大家介绍的是如何在Mac上的视频中添加音乐? 在这里,我们向您展示如何在Mac计算机上将音乐添加到视频中.这些工具可离线使用, ...

  3. 如何在网站中添加音乐

    来源:http://www.ido321.com/1042.html 发现有很多的个人博客中添加了背景音乐,以增强用户体验.LZ搜集到了两种在网站中添加音乐的方式. 一.豆瓣的FM         这 ...

  4. 在 Wiki 标记中添加无序列表

    项目:在 Wiki 标记中添加无序列表 在编辑一篇维基百科的文章时,你可以创建一个无序列表,即让每个列表项占 据一行,并在前面放置一个星号.但是假设你有一个非常大的列表,希望添加前面 的星号.你可以在 ...

  5. 【制作多媒体演示文稿软件】Focusky教程 | 如何在focusky演示文稿中添加音乐?

    在Focusky(也称为"FS软件")演示文稿中添加音乐非常便捷,有以下两种方法: 方法一:添加本地音乐 单击工具栏上的"插入", 在下拉栏中选择"音 ...

  6. jekyll个人博客中添加音乐播放插件

    方法一: 环境要求 jekyll 七牛 开始使用 step1 首先下载这个文件open-embed.html,右键,另存为Html;下面是源码,也可以复制保存下面的源码; <style> ...

  7. 如何往 Apple Watch 中添加音乐

    如何往 Apple Watch 中添加音乐 首先需要你的手机中已经存在本地音乐,如果没有,要通过同步的方式从 iTunes 中添加音乐(macOS 中是在 Music 应用中) 手机中有了音乐文件以后 ...

  8. 【微杂志制作工具】名编辑电子杂志大师教程 | 如何在flash电子杂志中添加音乐

    (一)添加背景音乐 方法:打开名编辑电子杂志大师,进入模板设置版面,在工具栏选项下拉栏中找到声音选项,然后从电脑中添加音乐文件. (设计设置 -> 工具栏选项 -> 按钮栏 -> 声 ...

  9. Hexo 中添加live2d看板动画

    Hexo 中添加live2d看板动画 实际效果欢迎光临我的Hexo博客 Crayon 这里用到了 hexo-helper-live2d 插件 github地址:https://github.com/E ...

最新文章

  1. SQLServer数据库自增长标识列的更新修改操作
  2. 内部错误:无法加载 ABAP 报表 LVBRKF0I
  3. 循环取矩阵的某行_1.2 震惊! 某大二本科生写的矩阵乘法吊打Mathematica-线性代数库BLAS-矩阵 (上)...
  4. 花花酱leetcode 题目——搜索专题
  5. Swift 面向协议编程 基础篇 (一) 介绍
  6. python怎么让输出居中_python格式化输出字符串居中
  7. DataList和Repeater分页
  8. 记录自己的第一个稍微有趣一点的小游戏
  9. web前端性能优化的方法
  10. 用友凭证打印页面边距设置会同步
  11. 三星手机双微信设置方法,三星手机如何双开微信
  12. texstudio如何安装cjk宏包_Latex+CJK从安装到使用【1】
  13. 计算机组成原理_在线作业1,电子科大《计算机组成原理》在线作业1
  14. java基于ssm的在线装机DIY系统的分析与设计
  15. AndroidStudio 自带avd模拟器WiFi网络受限无法连接
  16. 字符在计算机中的存储
  17. 基于matlab的产生式系统案例
  18. Mission Planner初学者安装调试教程指南(APM或PIX飞控)5——规划航点航线
  19. Win7文件右下角盾牌标志去除方法---UAC阻止程序运行
  20. 线段求交应用之Liang-barsky裁剪算法

热门文章

  1. 如何便捷绘制上海地铁图?
  2. Flutter项目实操---资讯、发布动弹
  3. rdkitpython | 挑选多个互变异构体的主要构象
  4. 图书馆学专业学c语言吗,图书馆学专业介绍及考研院校排名
  5. c 当前计算机时间格式,C# 当前系统时间获取及时间格式详解
  6. 对Java建造者模式(Builder)的一点理解
  7. 详细讲解go web框架之gin框架源码解析记录及思路流程和理解
  8. linux桌面无法启动,Ubuntu18.04启动后无法进入桌面修复方法(图文)
  9. IL2CPP does not support marshaling delegates that point to instance methods to native code
  10. 支付宝年账单html5,2018支付宝年账单哪里查?支付宝2018年度账单怎么看