芳华测试

docs/.vitepress/theme/components/MusicPlayer.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="music-player-wrapper" v-if="show">
+    <div class="music-control">
+      <button class="toggle-btn" @click="togglePlayer" :title="isOpen ? '收起播放器' : '展开播放器'">
+        <span v-if="isOpen">🎵</span>
+        <span v-else>🎵</span>
+      </button>
+    </div>
+    <transition name="slide">
+      <div class="music-player-container" v-show="isOpen">
+        <vue3-aplayer
+          :audio="audioList"
+          :fixed="false"
+          :autoplay="false"
+          :loop="'all'"
+          :order="'random'"
+          :preload="'auto'"
+          :volume="0.7"
+          :mutex="true"
+          :lrcType="0"
+          :listFolded="false"
+          :listMaxHeight="'250px'"
+          theme="#b7daff"
+        />
+      </div>
+    </transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import Vue3Aplayer from 'vue3-aplayer'
+
+const show = ref(false)
+const isOpen = ref(false)
+
+// 音乐列表配置 - 您可以根据需要修改这里的音乐
+const audioList = ref([
+  {
+    name: '夜的钢琴曲',
+    artist: '石进',
+    url: 'https://music.163.com/song/media/outer/url?id=27867140.mp3',
+    cover: 'https://p1.music.126.net/6y-UleORITEDbvrOLV0Q8A==/5639395138885805.jpg',
+    lrc: ''
+  },
+  {
+    name: 'River Flows In You',
+    artist: 'Yiruma',
+    url: 'https://music.163.com/song/media/outer/url?id=2133562.mp3',
+    cover: 'https://p2.music.126.net/w3av4SHuMAgbBF2KKByaVw==/19217832579785884.jpg',
+    lrc: ''
+  },
+  {
+    name: 'Kiss The Rain',
+    artist: 'Yiruma',
+    url: 'https://music.163.com/song/media/outer/url?id=2618520.mp3',
+    cover: 'https://p1.music.126.net/VjN74c1hoYgPCEZ9DngeQw==/109951163240682406.jpg',
+    lrc: ''
+  }
+])
+
+const togglePlayer = () => {
+  isOpen.value = !isOpen.value
+}
+
+onMounted(() => {
+  // 页面加载完成后显示播放器
+  setTimeout(() => {
+    show.value = true
+  }, 500)
+})
+</script>
+
+<style scoped>
+.music-player-wrapper {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 9999;
+}
+
+.music-control {
+  position: relative;
+}
+
+.toggle-btn {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border: none;
+  color: white;
+  font-size: 24px;
+  cursor: pointer;
+  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
+  transition: all 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.toggle-btn:hover {
+  transform: scale(1.1);
+  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
+}
+
+.music-player-container {
+  position: absolute;
+  bottom: 60px;
+  right: 0;
+  width: 350px;
+  max-width: 90vw;
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+/* 深色模式适配 */
+.dark .music-player-container {
+  background: rgba(30, 30, 30, 0.95);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* 过渡动画 */
+.slide-enter-active,
+.slide-leave-active {
+  transition: all 0.3s ease;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  opacity: 0;
+  transform: translateY(20px);
+}
+
+/* 移动端适配 */
+@media (max-width: 768px) {
+  .music-player-wrapper {
+    bottom: 10px;
+    right: 10px;
+  }
+  
+  .music-player-container {
+    width: 300px;
+  }
+  
+  .toggle-btn {
+    width: 45px;
+    height: 45px;
+    font-size: 20px;
+  }
+}
+</style>

docs/sop/maindocs/fanghua.md

@@ -0,0 +1,107 @@
+---
+title: 解读B站UP主《芳华》的解读
+top: 0
+date: 2025-12-06 13:25:00
+descriptionHTML: '       
+<span style="color:var(--description-font-color);">“网左大本营”的成因与发展</span>
+'
+tags:
+  - 随笔
+  - 芳华
+  - 互联网
+sidebar: true
+readingTime: true
+hiddenCover: true
+cover: url
+sticky: 0
+hidden: false
+recommend: true
+---
+
+# 解读B站UP主《芳华》的解读
+
+#### 
+#### 
+
+<span style="font-size:0.9em; color:#1976d2;">
+写在前面：《芳华》火了，峰哥：这是好事啊
+</span>
+
+#### 
+#### 
+
+<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=2699630357&auto=0&height=66"></iframe>
+
+#### 
+
+<span style="font-size:1.5em; color:#1976d2;">
+你看，又唱
+</span>
+
+<div align="center">
+
+## 壹
+
+</div>
+
+&emsp;&emsp;"聊会电影吧"这位UP的视频前两个星期刷到过。一方面是看到进度条太长我就没怎么看完，另一方面是《芳华》这个电影太久远了，我第一次看那会还中学吧，在我印象里面就是几个近代的故事串联而来，对于小小的我来说没看懂什么。
+
+![图片](/8/1.jpg)
+
+&emsp;&emsp;现在又被翻出来解读了，其实对于UP而言只是解读了一部很棒的国产电影，但是问题就出在这部电影，因为这部电影是以文化大革命为背景的。但问题的问题也出在文化大革命，那个时代具体是怎么样的，我没有资格评说，因为没有经历过，甚至在过往的教育中也不能给我一个正确的答案。
+
+<div align="center">
+
+## 贰
+
+</div>
+
+
+
+&emsp;&emsp;但是纸是包不住火的，如今互联网如此发达，想了解一些课堂上学不到的东西也非常方便。至少大家的反应确实发生了很大的变化，举几个例子：
+
+&emsp;&emsp;一、外网公认B站是“网左大本营”，因为B站都是高知群体，Z时代青年，在目前社会竞争巨大的情况下“个人奋斗”和“人人平等”的叙事破产了，所以大家不再崇拜“教科书”，转而投向“毛教员”，开始美化那条未完成的道路。高喊“人民万岁”，崇拜“毛教员”的思想……
+
+&emsp;&emsp;&emsp;正如这个解说视频的弹幕，有很多人真的期望“进行到底”。但是没有人能真正看到文革的真面目。所以本质上是中国年轻一代在面临巨大的社会竞争压力时，向左翼经典理论寻求解释和精神慰藉的结果。
+
+![图片](/8/2.png)
+
+&emsp;&emsp;二、抖音的评论区存在审查机制，但是半夜的人工审查并不及时，所以一些奇奇怪怪的表情包就会出现。大家的坐立难安是有目共睹深有体会的。
+
+&emsp;&emsp;三、考公考编报考人数变化曲线图
+
+![图片](/8/3.webp)
+
+<div align="center">
+
+## 叁
+
+</div>
+<span style="font-size:1.2em; color:#d32f2f;">
+&emsp;&emsp;以上都是我写公众号写到一半的文章，但是视频突然的下架，我也不敢发这个文章了，所以就在博客聊聊
+</span>
+
+<div align="center">
+
+## 肆
+
+</div>
+
+&emsp;&emsp;首先就是为什么火，我觉得就是用B站作为“网左大本营”来解释最为恰当。因为用户群体都是初出社会的大学生，奋斗多年的学历、竞赛、各种“xx杯”比赛……失效了。主要的失效表现在于书本说的“人人平等”不存在了。越来越多的年轻人也认识到了阶级固化、阶级矛盾还是存在。更多的“为什么……”“凭什么……”被问了出来。
+
+&emsp;&emsp;他们在[户晨风](./hu-chen-feng.html)那看到了阶级差异：“凭什么大专不是大学？”“凭什么别人家的厕所比我家客厅还大？”“为什么有人敢歧视我们无产阶级！”…………………………
+
+&emsp;&emsp;社会压力比山大，大家都憋着一肚子气，发泄不出来，说白了就是现在年轻人不是渴望文革，只是想改变当今现状而已。现行游戏体质下，副本太难打，任务太难做，装备太难合成，所以大家希望直接来个新服当开服玩家，或者是赛季更新一下也好。
+
+
+<div align="center">
+
+## 伍
+
+</div>
+
+&emsp;&emsp;还是说的太多了，其实我没有经历过那段时期，我真的没资格评说，上面只是一些个人观点罢了。
+
+&emsp;&emsp;文革是整整十年，所以期间是非常复杂的，变化也是非常多的。是一个及其复杂的时代，只看教科书去全盘否定是不对的，只看初衷去美化未走完的路也是不对的。
+
+&emsp;&emsp;综上，还是就当吃个瓜了，因为你出生的国家也只是一个发展中国家。

package.json

@@ -12,9 +12,11 @@
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "@sugarat/theme": "0.5.6",
+    "aplayer": "^1.10.1",
     "element-plus": "^2.7.2",
     "gsap": "^3.13.0",
-    "vue": "3.5.12"
+    "vue": "3.5.12",
+    "vue3-aplayer": "^1.7.3"
   },
   "directories": {
     "doc": "docs"