add video and fix filename for md

docs/.vitepress/config.mts

@@ -26,6 +26,26 @@ export default defineConfig({
       { icon: 'github', link: 'https://github.com/vuejs/vitepress' }
     ]
   },
+  markdown: {
+    image: {
+      lazyLoading: true,
+    },
+    config(md) {
+      md.renderer.rules.image = function (tokens, idx, options, env, slf) {
+        const token = tokens[idx];
+
+        // Get the alt if it exists
+        const alt = token.attrGet('alt') || token.content || '';
+
+        // Fill the title attribute with the alt if it exists
+        if (!token.attrGet('title')) {
+          token.attrSet('title', alt);
+        }
+
+        return slf.renderToken(tokens, idx, options)
+      }
+    }
+  },
   vite: {
     clearScreen: false,
     server: {

docs/.vitepress/theme/components/Video.vue

@@ -40,7 +40,7 @@ setTimeout(() => setImgClick(), 500)
 
 <style scoped>
 video {
-  width: 750px;
+  width: 400px;
   overflow: visible;
   position: fixed;
   bottom: 10px;

docs/index.md

@@ -9,6 +9,7 @@ hero:
 
 <Downloader />
 
+- [みんなうっかり間違える！？中国語 様態補語と程度補語の文法の注意点とは](/みんなうっかり間違える！？中国語_様態補語と程度補語の文法の注意点とは)
 - [【剥茧The Truth Within】EP02](/qVVhBGT0K7Y)
 - [15萬緬甸人在台灣的背後，是一段顛沛流離的故事](/15萬緬甸人在台灣的背後，是一段顛沛流離的故事)
 - [美国突袭委内瑞拉，真的是为了抢那点劣质石油吗？](/美国突袭委内瑞拉，真的是为了抢那点劣质石油吗？)

server.js

@@ -30,7 +30,7 @@ wss.on('connection', (ws) => {
         const { q, duration } = payload;
         console.log(`Start ${q}`)
 
-        const q_stem = q.replace(/\.[a-z0-9]+$/, "").replace(/\[.+?\]/g, '').trim();
+        const q_stem = q.replace(/\.[a-z0-9]+$/, "").replace(/\[.+?\]/g, '').replace(/\s+/g, '_').trim();
 
         try {
           mkdirSync(joinPath(ROOT_DIR, q_stem));