基于Hexo的Matery主题博客增加视频播放器
问题起因:
看了FPX归还全球总决赛奖杯的视频,触景生情,内心很不是滋味,也算是警醒自己吧:你可以用一年爬的很高很高很高,也可能在一年就摔的很低很低很低,所以我打算把这个短视频也放到自己的博客上
最终效果展示:
哪些文件共同生成了video?
想造出第二个video就肯定要知道video的功能和效果是怎么实现的,于是我找到了下列文件:
- 主题的配置文件:themes/hexo-theme-matery/_config.yml
- 生成首页文件:themes/hexo-theme-matery/layout/index.ejs
- 生成video文件:themes/hexo-theme-matery/layout/_widget/video.ejs
主题的_config.yml文件修改:
这个想必大家都很熟悉,在之前的 video 下面在加一个 video_2 就行了
video:
enable: true
showTitle: true
title: 生日快乐颖颖子(づ ̄3 ̄)づ╭❤~
url:
pic:
thumbnails:
height: # 如:400
autoplay: false # 是否自动播放
theme: '#42b983'
loop