diff --git a/assets/css/_common/_page/post.scss b/assets/css/_common/_page/post.scss
index da2d13b..9e1a02d 100644
--- a/assets/css/_common/_page/post.scss
+++ b/assets/css/_common/_page/post.scss
@@ -196,6 +196,22 @@
             color: #7E848F;
           }
         }
+
+        .align-center {
+          text-align: center;
+        }
+
+        .align-right {
+          text-align: right;
+        }
+
+        .align-left {
+          text-align: left;
+        }
+
+        .float-right {
+          float: right;
+        }
     }
 
     p {
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index 772c19f..ec53668 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -36,6 +36,14 @@
 {{ $countdown := `
   <script src="https://cdn.jsdelivr.net/npm/jquery-countdown@2.2.0/dist/jquery.countdown.min.js" integrity="sha256-Ikk5myJowmDQaYVCUD0Wr+vIDkN8hGI58SGWdE671A8=" crossorigin="anonymous"></script>
 ` }}
+<!-- jQuery.countdown https://github.com/hilios/jQuery.countdown/ -->
+{{ $metingjs := `
+  <!-- require APlayer -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
+  <!-- require MetingJS -->
+  <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
+` }}
 
 {{ $jquery | safeHTML }}
 {{ $typeit | safeHTML }}
@@ -49,8 +57,14 @@
 {{ end }}
 
 {{ if .IsPage }}
-    {{ $prettify | safeHTML }}
+    {{ if .Params.Code }}
+        {{ $prettify | safeHTML }}
+    {{ end }}
+    {{ if .Params.Music }}
+        {{ $metingjs | safeHTML }}
+    {{ end }}
     {{ $countdown | safeHTML }}
+
     {{ $scripts = $scripts | append $dynamicToTop }}
 
     {{ if $postHasImages }}
diff --git a/layouts/shortcodes/align-center.html b/layouts/shortcodes/align-center.html
new file mode 100644
index 0000000..84b6b8b
--- /dev/null
+++ b/layouts/shortcodes/align-center.html
@@ -0,0 +1,3 @@
+<div class='align-center'>
+    {{ .Inner }}
+</div>
diff --git a/layouts/shortcodes/align-left.html b/layouts/shortcodes/align-left.html
new file mode 100644
index 0000000..e87ce42
--- /dev/null
+++ b/layouts/shortcodes/align-left.html
@@ -0,0 +1,3 @@
+<div class='align-left'>
+    {{ .Inner }}
+</div>
diff --git a/layouts/shortcodes/align-right.html b/layouts/shortcodes/align-right.html
new file mode 100644
index 0000000..807741c
--- /dev/null
+++ b/layouts/shortcodes/align-right.html
@@ -0,0 +1,3 @@
+<div class='align-right'>
+    {{ .Inner }}
+</div>
diff --git a/layouts/shortcodes/float-right.html b/layouts/shortcodes/float-right.html
new file mode 100644
index 0000000..6dbefe0
--- /dev/null
+++ b/layouts/shortcodes/float-right.html
@@ -0,0 +1,3 @@
+<div class='float-right'>
+    {{ .Inner }}
+</div>
diff --git a/layouts/shortcodes/music.html b/layouts/shortcodes/music.html
new file mode 100644
index 0000000..719d5c2
--- /dev/null
+++ b/layouts/shortcodes/music.html
@@ -0,0 +1,21 @@
+{{ if .IsNamedParams }}
+    <meting-js server={{ .Get "server" }} type={{ .Get "type" }} id={{ .Get "id" }}
+    {{ with .Get "autoplay" }}
+        autoplay={{ . }}
+    {{ end }}
+    {{ with .Get "mini" }}
+        mini={{ . }}
+    {{ end }}
+    {{ with .Get "fixed" }}
+        fixed={{ . }}
+    {{ end }}
+    {{ with .Get "list-folded" }}
+        list-folded={{ . }}
+    {{ end }}
+    {{ with .Get "list-max-height" }}
+        list-max-height={{ . }}
+    {{ end }}
+    theme="#A9A9B3"></meting-js>
+{{ else }}
+    <meting-js server={{ .Get 0 }} type={{ .Get 1 }} id={{ .Get 2 }} theme="#A9A9B3"></meting-js>></meting-js>
+{{ end }}