✨ Closed #93 , #36 Add bilibili video shortcode.

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;
+  }
+}

assets/css/_common/scaffolding/tags/index.scss

@@ -6,3 +6,4 @@
 @import 'note';
 @import 'pdf';
 @import 'tabs';
+@import 'bilibili'

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 >}}
+{{< /note >}}
+
+
+## Bilibili 视频
+
+```markdown
+{{</* bilibili BV1Sx411T7QQ */>}}
+或者
+{{</* bilibili id=BV1Sx411T7QQ */>}}
+```
+{{< bilibili id=BV1Sx411T7QQ >}}

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>