关于给hexo博客增加视频vlog页面(主要引入哔哩哔哩视频)

前言: 这里是博主的vlog区,博主也是B站的一名普通up🐖,欢迎观看交流。本文基于matery主题,主要引入哔哩哔哩视频。

在这里插入图片描述

新建视频页面

  1. 在source文件下新建一个video文件
  2. 在该文件里新建一个index.md文件,其中文件内容为:
---
title: video
type: "video"
layout: "video"
---
  1. 在主题配置文件_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%; 
  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值