我發(fā)現(xiàn)了一個(gè)很酷的 Hexo插件,可以很方便的在文章中添加來(lái)自 B站的視頻捧挺。
參考 https://github.com/Z4Tech/hexo-tag-bilibili
準(zhǔn)備工作
- Node.js 這是一個(gè) Hexo插件虑绵,所以通過 npm 安裝。
Start
安裝 hexo-tag-bilibili
這就是那個(gè)神奇的插件闽烙,名叫 hexo-tag-bilibili翅睛。
我們通過 npm 進(jìn)行安裝。
切換到 Hexo 的目錄黑竞,執(zhí)行一下命令
$ cd [你的 Hexo目錄]
$ npm install --save hexo-tag-bilibili
使用
在文章中用一下方式使用此插件
[av_id] 填寫視頻的 av號(hào)捕发。
{% bilibili [av_id] %}
如果有多 p,使用一下格式很魂。[page] 為 P號(hào)扎酷。
{% bilibili [av_id] [page] %}
例如:
{% bilibili av2271112 %}
在簡(jiǎn)書肯定是預(yù)覽不了的( ̄y▽ ̄)~
想看效果請(qǐng)移步至 在你的文章中添加 B站的視頻
高級(jí)
配置
你可以配置你的播放器
在 Hexo 的文件夾中,打開 _config.yml
文件進(jìn)行配置遏匆。
你可以配置 是否自動(dòng)播放
霞玄,播放器的大小
等。
例如
bilibili:
width: 452
height: 544
Style
播放器由一個(gè)帶有 bili_video
類的 <div>
標(biāo)簽包裝拉岁。你可以通過自定義的 css文件修改它的樣式坷剧。
原文地址:https://mogeko.github.io/2017/005
歡迎關(guān)注我的博客 (?ω?) ノ:Mogeko`s Blog