美文网首页
在你的文章中添加 B站的视频

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

作者: Mogeko丶 | 来源:发表于2018-02-06 12:20 被阅读0次
    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

    相关文章

      网友评论

          本文标题:在你的文章中添加 B站的视频

          本文链接:https://www.haomeiwen.com/subject/mihgzxtx.html