跳到主要内容

支持嵌入 YouTube 和 Bilibili 视频

Sol
Sol
千里之行，始于足下。

基于 Docusaurus 提供的 MDX 组件，本站支持嵌入 YouTube 和 Bilibili 视频。

参数说明​

React 组件： YouTube / Bilibili

组件参数：

  • id: 必选
    • YouTube: https://www.youtube.com/watch?v=<id>?... 或者 https://youtu.be/<id>?...
    • Bilibili: https://www.bilibili.com/video/<id>/?...，由 BV 开头。
  • title: 可选。位置在视频上方；左对齐。

示例​

YouTube 嵌入​

<YouTube id="sEQf5lcnj_o" title="Animenz - Unravel [Piano Ver.]" />

Animenz - Unravel [Piano Ver.]

Bilibili 嵌入​

<Bilibili id="BV1bi4y1675m" title="Animenz - Unravel [钢琴版]" />

Animenz - Unravel [钢琴版]