Bilibili Video
Overview
The theme provides the capability to embed Bilibili videos.
This feature is powered by vuepress-plugin-md-power.
Configuration
This feature is disabled by default. You need to enable it in the theme configuration.
export default defineUserConfig({
theme: plumeTheme({
markdown: {
bilibili: true,
},
})
})Syntax
Simple syntax:
@[bilibili](bvid)For videos with multiple parts, add p1, p2, p3 etc. after bilibili:
@[bilibili p1](aid cid)More options:
@[bilibili p1 autoplay time="0" width="100%" height="400px" ratio="16:9"](bvid aid cid)Parameter Description:
Video BV ID, starting with BV
Video AID. It can be omitted when used together with cid
Video CID
Part marker, just write it as-is (e.g. @[bilibili p1](…)); p1 / p2 / … are supported
Whether to enable autoplay
Video playback start time in seconds, or in mm:ss or hh:mm:ss format
Video width
Video height. When not specified, it is handled as automatic height
Video aspect ratio
For videos with multiple parts, bvid can be omitted, but aid and cid must be provided.
Examples
Widescreen Video
Input:
@[bilibili](BV1EZ42187Hg)Output:
Vertical Video
Input:
@[bilibili width="320px" ratio="9:16"](BV1zr42187eg)Output:
