Plume Theme

English

简体中文

English

简体中文

Appearance

Star on GitHubCreate IssuesBuy me a Bubble Tea

Bilibili Video

Copy page

About 204 wordsLess than 1 minute

2025-10-08

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.

.vuepress/config.ts
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:ss or hh:mm:ss format
  • 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:

Contributors

pengzhanbo

Changelog

10/9/25, 7:46 AM
View All Changelog