Logo
我發現了一個很酷的 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