feat: add the asciinema shortcode

razonyang · Aug 12, 2022 · aa103ce · aa103ce
1 parent e42d16b
commit aa103ce
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/exampleSite/content/docs/shortcodes/media/index.md b/exampleSite/content/docs/shortcodes/media/index.md
@@ -11,7 +11,8 @@ tags = [
   "Tencent",
   "Youku",
   "iQiyi",
-  "Netease Music"
+  "Netease Music",
+  "asciinema",
 ]
 series = [
   "Docs"
@@ -71,3 +72,11 @@ A detailed description of media shortcodes, such as Bilibili, Tencent, Youku, iQ
 | `type` | The `type` parameter is optional. Default to `2`.
 
 {{< neteasemusic "24953439" false >}}
+
+## asciinema
+
+```markdown
+{{</* asciinema id */>}}
+```
+
+{{< asciinema 514468 >}}
diff --git a/layouts/shortcodes/asciinema.html b/layouts/shortcodes/asciinema.html
@@ -0,0 +1,4 @@
+{{- $id := .Get 0 }}
+<div class="ratio ratio-16x9 asciinema mb-4">
+    <script id="asciicast-{{ $id }}" src="https://asciinema.org/a/{{ $id }}.js" async></script>
+</div>