docs: add demo video

Author: phphe

.gitattributes

@@ -0,0 +1,56 @@
+###############################################################################
+# Git LFS - 大文件追踪配置
+###############################################################################
+
+# 视频与音频 (Video & Audio)
+*.mp4 filter=lfs diff=lfs merge=lfs -text
+*.webm filter=lfs diff=lfs merge=lfs -text
+*.mov filter=lfs diff=lfs merge=lfs -text
+*.avi filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text
+*.wav filter=lfs diff=lfs merge=lfs -text
+*.ogg filter=lfs diff=lfs merge=lfs -text
+
+# 图像与设计文件 (Images & Design)
+*.psd filter=lfs diff=lfs merge=lfs -text
+*.ai  filter=lfs diff=lfs merge=lfs -text
+*.pdf filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+
+# 压缩包与二进制库 (Archives & Binary)
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.7z  filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.tar.gz filter=lfs diff=lfs merge=lfs -text
+*.exe filter=lfs diff=lfs merge=lfs -text
+*.dll filter=lfs diff=lfs merge=lfs -text
+*.so  filter=lfs diff=lfs merge=lfs -text
+
+# 模型与大数据 (Models & Datasets)
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.pth  filter=lfs diff=lfs merge=lfs -text
+*.bin  filter=lfs diff=lfs merge=lfs -text
+*.pkl  filter=lfs diff=lfs merge=lfs -text
+
+###############################################################################
+# 文本处理 - 防止跨平台换行符乱跳 (Line Endings)
+###############################################################################
+
+# 自动检测文本文件并统一使用 LF (Linux/macOS 风格)
+* text=auto
+
+# 强制指定代码文件为文本，防止被误判为二进制
+*.js text
+*.ts text
+*.py text
+*.c  text
+*.cpp text
+*.h   text
+*.java text
+*.html text
+*.css  text
+*.json text
+*.md   text

apps/docs/.vitepress/theme/MyLayout.vue

@@ -0,0 +1,22 @@
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+
+const { Layout } = DefaultTheme
+</script>
+
+<template>
+  <Layout>
+    <template #home-hero-image>
+      <video autoplay loop muted playsinline
+        style="width: 350px; max-width: 100%; height: auto; display: block; margin: 0 auto;">
+        <source src="/demo.webm" type="video/webm">
+      </video>
+    </template>
+  </Layout>
+</template>
+
+<style>
+.VPHero .image-bg {
+  display: none;
+}
+</style>

apps/docs/.vitepress/theme/index.ts

@@ -4,14 +4,11 @@ import type { Theme } from "vitepress";
 import DefaultTheme from "vitepress/theme";
 import "./style.css";
 import DemoIframe from "../../components/DemoIframe.vue";
+import MyLayout from './MyLayout.vue'
 
 export default {
   extends: DefaultTheme,
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
-    });
-  },
+  Layout: MyLayout,
   enhanceApp({ app, router, siteData }) {
     // ...
     app.component("DemoIframe", DemoIframe);

apps/docs/public/demo.webm

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:55d0458d95ce416050f34a4dbda8dc762a867a8d3027047d838ee82eb42a970f
+size 53379