Hexo博客中加入B站视频播放器

hojun

2019-01-28 22:30
关注

Hexo博客中加入B站视频播放器

写博文的时候经常有在文章段落中加视频的需求。由于hexo博客搭建在github上,githubpage的限制,以及其他一些动态博客网站服务器带宽的限制,往往添加的都是其他视频网站的外链播放器。大部分视频网站的外链播放器在视频开头都会加上30秒——2分钟的恶心广告,于是选择B站(无广告!)。

第一步:去B站获取视频外链

第二步:在文章中插入视频外链

我们知道在md中可以直接插入html代码,但是为了防止一些其他因素的干扰,hexo给我们特意准备了一个raw标签来插入html代码。这里我们就使用raw来插入视频外链。代码如下:

真实效果如下:

我们可以看到效果令人很不满意。

第三步:修改代码,美化播放器样式。

代码如下:(不解释)

真实效果如下:

好了,这篇博文到此结束~ 提前祝大家 新年快乐!恭喜发财!希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦

举报/反馈