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