前言: 这里是博主的vlog区,博主也是B站的一名普通up🐖,欢迎观看交流。本文基于matery主题,主要引入哔哩哔哩视频。
新建视频页面
- 在source文件下新建一个
video
文件 - 在该文件里新建一个
index.md
文件,其中文件内容为:
---
title: video
type: "video"
layout: "video"
---
- 在主题配置文件
_config.yml
下,增加音乐页面链接和标题
video:
url: /video
新建video.ejs文件
在主题layout
文件下新建video.ejs
文件,
这里在video.ejs
文件直接贴代码即可,修改视频src
路径即可。源代码如下:
<!-- vlog模块 -->
<div style="position: relative; padding: 30% 45%;">
<iframe style="
position: absolute;
width: 100%;
height: 100%;
left: 0; top: 0;"
src="//player.bilibili.com/player.html?aid=80181162&bvid=BV1qJ41147r7&cid=137214952&page=1&high_quality=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true">
</iframe>
</div>
效果展示:
itsNekoDeng vlog
总结:若想要在博客文章md文件中引入也是可以的,直接粘贴上述ejs文件代码即可。