hexo博客插入音乐播放器

搭建好自己的博客之后，想要在博客中添加音乐播放器。需要hexo-tag-aplayer插件。
使用Git Bash进入本地hexo的文件夹。输入以下命令（异常或网络太慢可以考虑将npm换成cnpm）

npm install --save hexo-tag-aplayer

然后在 Hexo 配置文件 _config.yml 中添加设置：

然后输入hexo new page playlist创建一个歌单页面，进入source文件夹，有个playlist文件夹，修改里面的index.md文件。

最下面一行

{% meting "2720129916" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:340px" "preload:none" "theme:#228B22"%}

参数如下

打开之后会发现歌单页面可以播放音乐

hexo博客插入音乐播放器相关推荐

Wordress博客添加音乐播放器插件
1.之前是使用Aplayer播放器来播放音乐,好看是好看但是要自己动手解决Pjax问题(就是页面跳转会使音乐重新播放) 2.接下来我介绍我发现的另一个音乐播放器 Floating Window Mus ...
php如何添加音乐播放器,怎么为Wordpress博客添加MP3播放器
怎么为Wordpress博客添加MP3播放器? 首先到Flash MP3 Player 的主页上下载该程序.解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设 ...
[转]Hexo博客插入自定义不渲染页面
文章目录实现方法部分渲染实现原理实现方法排除文件实现原理给自己的Hexo博客插入自己写的带有样式的页面. 实现方法 Hexo官方给出了两种插入自定义页面的方法:一是对指定文件进行渲染,形 ...
hexo博客插入图片与视频方法
hexo博客插入图片与视频方法在博客中插入视频和图片能让人通俗易懂,生动形象.下面是我找到的一些方法. 图片插入 Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用. 本 ...
html中插入音乐播放器,网页中插入音乐播放器WMA 方法有两种：object和embed
网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...
html 直接播放wma,网页中插入音乐播放器WMA 方法有两种：object和embed
网页中插入音乐播放器(详细,全面,加图) 通常有三种方法,使用普通的html方法有两种:object和embed.另一种是用flash编写的播放器,这种方法兼容性级好,但难度较大,较复杂. 其中obj ...
Hexo博客技巧：为博客插入音乐
前言想要给博客添加音乐,最简单的方法便是利用第三方音乐平台提供的外链播放器,可是效果并不好,外观丑没歌词且体验极差. 如果使用Hexo-Tag-Aplayer插件的话这个问题就能很好地解决了. 原先 ...
Hexo全局添加APlayer音乐播放器
本人博客相关站点 APlayer APlayer Github Hexo-Tag-Aplayer 音乐直链搜索工具基于 Yilia 主题全局添加 APlayer 音乐播放器编辑文件 hexo-t ...
如何在博客中添加Aplayer音乐播放器
前言是否有一首音乐,前奏一响起,让你灵魂不自主的颤栗.音乐就像老胶卷,每个旋律,每句歌词,都承载着每个人的往事回忆和情愫感受. 我收藏了好多的音乐,奈何好多音乐受版权限制,需要购买VIP才能听,还有 ...

hexo博客插入音乐播放器

hexo博客插入音乐播放器相关推荐

最新文章

热门文章