记一次异常艰难的博客部署(一)—— Hexo博客插入视频的若干种方法
前言
由于上篇文章中的视频——昆汀电影混剪,在B站不能过审,只能把它先行发布在博客及西瓜视频上作权宜之计。
然而,在发布过程中,我遇到了各种各样的困难,解决过程艰难异常,真的是心力交瘁。
问题解决后,我没有半点兴奋,只是感觉,好累…
这篇,我会介绍向Hexo博客中插入视频的两种方法。
环境
博客框架:Hexo
主题:Butterfly
方法一:hexo-tag-dplayer插件
安装
在博客根目录中,打开 Git Bash ,执行以下命令。
1npm install --save hexo-tag-dplayer
然而,会报错。
大致意思是,一些相关的 npm 包,版本太低,有风险,需要更新。
然而,把这些包都更新到最新版之后,重新执行 npm install --save hexo-tag-dplayer 命令,还是会报同样的错误。
进入博客的存储 npm 模块的目录里查看,发现 hexo-tag-dplayer 已经安装完成…
我对 Node.JS 不甚了解,这一系列问题我至今仍没有弄懂。
使用
123{% dplayer key=value ... %}例:{% dplayer "url=http://xxxxxxxxxxxxxxxxxxx.mp4" "autoplay=true" "preload=metadata" "hotkey=true" %}
相关选项列表如下所示
选项
默认值
描述
id
必须值
歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server
必须值
音乐平台: netease, tencent, kugou, xiami, baidu
type
必须值
song, playlist, album, search, artist
fixed
false
开启固定模式
mini
false
开启迷你模式
loop
all
列表循环模式:all, one,none
order
list
列表播放模式: list, random
volume
0.7
播放器音量
lrctype
0
歌词格式类型
listfolded
false
指定音乐播放列表是否折叠
storagename
metingjs
LocalStorage 中存储播放器设定的键名
autoplay
true
自动播放,移动端浏览器暂时不支持此功能
mutex
true
该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
listmaxheight
340px
播放列表的最大长度
preload
auto
音乐文件预载入模式,可选项: none, metadata, auto
theme
#ad7a86
播放器风格色彩设置
注!
url后可插入本地视频地址,也可以插入在线视频地址。需要注意的是,
如果是本地视频,文件大小不得大于 100M ,最好小于 50M 。这是 GitHub 对文件传输的大小限制。若文件大于 100M ,GitHub 会中止你的提交进程,引发报错(在第二篇中会详细介绍)。若文件大于 50M,GitHub 会向你提出警告,不过是可以成功提交的。
如果是在线视频,如腾讯视频、优酷视频这类在线视频网站的资源,需要先进行视频地址解析,获取到实际的视频地址。然而网上的视频解析网站是少之又少,多数都是绕过网站的会员限制,通过实际的视频地址,实现视频的无限制播放。基本上没有只是将视频地址解析成实际地址,并提供给用户的工具型网站。
个人而言并不推荐使用 hexo-tag-dplayer插件来向博客添加视频。
方法二:视频网站分享
在视频网站中,通过“分享视频”中的“嵌入代码”,将代码拷贝下来,直接插入博文中,如:
若想上传本地文件,则先将本地视频上传至视频网站,再重复上述操作即可。
简单粗暴。