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:
- bvid: Video BV ID
- aid: Video AID
- cid: Video CID
- autoplay: Whether to enable autoplay
- time: Video playback start time in seconds, or in
mm:ssorhh:mm:ssformat - width: Video width
- height: Video height
- ratio: Video aspect ratio, defaults to
16:9
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:
