音乐播放器

src/components/widget/SideBar.astro

@@ -3,6 +3,7 @@ import type { MarkdownHeading } from "astro";
 import Categories from "./Categories.astro";
 import Profile from "./Profile.astro";
 import Tag from "./Tags.astro";
+import Music from './Music.astro'
 import Series from './Series.astro'
 
 interface Props {
@@ -24,5 +25,8 @@ const series = Astro.props.series
         </div>
         <Categories class="onload-animation" style="animation-delay: 150ms"></Categories>
         <Tag class="onload-animation" style="animation-delay: 200ms"></Tag>
+        div id="music" class="flex flex-col w-full gap-4">
+           <Music></Music>
+       </div>
     </div>
 </div>