Hexo博客中加入B站视频播放器
写博文的时候经常有在文章段落中加视频的需求。由于hexo博客搭建在github上,githubpage的限制,以及其他一些动态博客网站服务器带宽的限制,往往添加的都是其他视频网站的外链播放器。大部分视频网站的外链播放器在视频开头都会加上30秒——2分钟的恶心广告,于是选择B站(无广告!)。
第一步:去B站获取视频外链
第二步:在文章中插入视频外链
我们知道在md中可以直接插入html代码,但是为了防止一些其他因素的干扰,hexo给我们特意准备了一个raw标签来插入html代码。这里我们就使用raw来插入视频外链。代码如下:
真实效果如下:
我们可以看到效果令人很不满意。
第三步:修改代码,美化播放器样式。
代码如下:(不解释)
真实效果如下:
好了,这篇博文到此结束~ 提前祝大家 新年快乐!恭喜发财!希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦
举报/反馈

hojun

444获赞 428粉丝
关注IT,热爱生活,好好学习,天天向上
关注
0
0
收藏
分享