在你的文章中添加 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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,155評論 25 708
  • 唯——醉過方知酒濃, 唯——考過不枉此生! 然——此身情非吾有, 然——天命貌似難違! 唯——萬事古難成全, 唯—...
    逸而全真閱讀 230評論 0 2
  • #幸福是需要修出來的~每天進步1%~幸福實修09班~17-潘娜 20170727(10/30)09班 【幸福三朵玫...
    幸福實修09班17號潘娜閱讀 155評論 0 0
  • 1.倒序 在ios開發的過程中,經常需要使數組中的數據倒敘排列!比如在tableView顯示數據的時候需要使數據倒...
    ChinaGoodStaff閱讀 31,870評論 5 36
  • 平安夜的傍晚,機場。圣誕的氣氛已經從街道上彌漫到了候機廳,處處可見的裝飾圣誕樹擺放在大廳各個角落,等待登機的人...
    熊路漫閱讀 842評論 3 10