hexo博客增加视频vlog页面（主要引入哔哩哔哩视频）

新建视频页面

在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 vloghttps://nekodeng.gitee.io/videos/

总结：若想要在博客文章md文件中引入也是可以的，直接粘贴上述ejs文件代码即可。

文章作者: NekoDeng

文章链接: https://nekodeng.gitee.io/posts/hexo-vlog-page.html

来源: itsNekoDeng

文章作者: NekoDeng

文章链接:

https://nekodeng.gitee.io/posts/hexo-vlog-page.html

本文章著作权归作者所有，任何形式的转载都请注明出处。