diff --git a/assets/css/_common/scaffolding/tags/bilibili.scss b/assets/css/_common/scaffolding/tags/bilibili.scss
new file mode 100644
index 0000000..e7c4523
--- /dev/null
+++ b/assets/css/_common/scaffolding/tags/bilibili.scss
@@ -0,0 +1,16 @@
+.bilibili-video {
+  position: relative;
+  width: 100%;
+  height: 0;
+  padding-bottom: 50%;
+  margin: auto;
+  text-align: center;
+
+  iframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/_common/scaffolding/tags/index.scss b/assets/css/_common/scaffolding/tags/index.scss
index fc8eadd..388cb76 100644
--- a/assets/css/_common/scaffolding/tags/index.scss
+++ b/assets/css/_common/scaffolding/tags/index.scss
@@ -6,3 +6,4 @@
 @import 'note';
 @import 'pdf';
 @import 'tabs';
+@import 'bilibili'
diff --git a/exampleSite/content/post/shortcodes.md b/exampleSite/content/post/shortcodes.md
index b38c569..2f179bf 100644
--- a/exampleSite/content/post/shortcodes.md
+++ b/exampleSite/content/post/shortcodes.md
@@ -89,4 +89,14 @@ url: "demo/shortcodes.html"
 {{< note danger >}}
   ### Danger Header
   **Welcome** to [Hugo NexT!](https://preview.hugo-next.eu.org)
-{{< /note >}}
\ No newline at end of file
+{{< /note >}}
+
+
+## Bilibili 视频
+
+```markdown
+{{</* bilibili BV1Sx411T7QQ */>}}
+或者
+{{</* bilibili id=BV1Sx411T7QQ */>}}
+```
+{{< bilibili id=BV1Sx411T7QQ >}}
\ No newline at end of file
diff --git a/layouts/shortcodes/bilibili.html b/layouts/shortcodes/bilibili.html
new file mode 100644
index 0000000..dc21f26
--- /dev/null
+++ b/layouts/shortcodes/bilibili.html
@@ -0,0 +1,7 @@
+<div class="bilibili-video">
+  {{ if .IsNamedParams }}
+    <iframe src="//player.bilibili.com/player.html?bvid={{ .Get `id` }}&page={{ .Get `p` | default 1 }}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
+  {{ else }}
+    <iframe src="//player.bilibili.com/player.html?bvid={{ .Get 0 }}&page={{ .Get 1 | default 1 }}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
+  {{ end }}
+</div>
\ No newline at end of file