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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,740评论 25 709
  • 唯——醉过方知酒浓, 唯——考过不枉此生! 然——此身情非吾有, 然——天命貌似难违! 唯——万事古难成全, 唯—...
    逸而全真阅读 270评论 0 2
  • #幸福是需要修出来的~每天进步1%~幸福实修09班~17-潘娜 20170727(10/30)09班 【幸福三朵玫...
    幸福实修09班17号潘娜阅读 183评论 0 0
  • 1.倒序 在ios开发的过程中,经常需要使数组中的数据倒叙排列!比如在tableView显示数据的时候需要使数据倒...
    ChinaGoodStaff阅读 32,037评论 5 35
  • 平安夜的傍晚,机场。圣诞的气氛已经从街道上弥漫到了候机厅,处处可见的装饰圣诞树摆放在大厅各个角落,等待登机的人...
    熊路漫阅读 867评论 3 10

友情链接更多精彩内容