在你的文章中添加 B站的视频

2018-02-06  本文已影响0人  Mogeko丶
Logo
我发现了一个很酷的 Hexo插件,可以很方便的在文章中添加来自 B站的视频。
参考 https://github.com/Z4Tech/hexo-tag-bilibili

准备工作

  1. Node.js 这是一个 Hexo插件,所以通过 npm 安装。

Start

安装 hexo-tag-bilibili

这就是那个神奇的插件,名叫 hexo-tag-bilibili。
我们通过 npm 进行安装。
切换到 Hexo 的目录,执行一下命令

$ cd [你的 Hexo目录]
$ npm install --save hexo-tag-bilibili
安装 hexo-tag-bilibili

使用

在文章中用一下方式使用此插件
[av_id] 填写视频的 av号。

{% bilibili [av_id] %}

如果有多 p,使用一下格式。[page] 为 P号。

{% bilibili [av_id] [page] %}

例如:

{% bilibili av2271112 %}

在简书肯定是预览不了的( ̄y▽ ̄)~
想看效果请移步至 在你的文章中添加 B站的视频

高级

配置

你可以配置你的播放器
在 Hexo 的文件夹中,打开 _config.yml文件进行配置。
你可以配置 是否自动播放,播放器的大小 等。
例如

bilibili:
  width: 452
  height: 544

Style

播放器由一个带有 bili_video 类的 <div>标签包装。你可以通过自定义的 css文件修改它的样式。


原文地址:https://mogeko.github.io/2017/005
欢迎关注我的博客 (・ω・) ノ:Mogeko`s Blog

上一篇下一篇

猜你喜欢

热点阅读