初始化

share121 · Aug 7, 2024 · 789cadc · 789cadc
commit 789cadc
Show file tree

Hide file tree

Showing 20 changed files with 2,900 additions and 0 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -0,0 +1,58 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm
+        with:
+          version: 8
+          run_install: false
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build project
+        run: pnpm build
+
+      - name: Upload production-ready build files
+        uses: actions/upload-artifact@v4
+        with:
+          name: production-files
+          path: ./dist
+
+  deploy:
+    name: Deploy
+    needs: build
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main'
+
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: production-files
+          path: ./dist
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/README.md b/README.md
@@ -0,0 +1,21 @@
+# F1 赛车手出场
+
+耗时 3 天，我用纯 CSS 动画实现了 F1 赛车手出场动画。
+
+## 使用
+
+### 如何导入自己的素材
+
+1. 打开 <https://share121.github.io/f1>
+2. 点击“下载模板文件”按钮
+3. 下载完成后，解压 `模板.zip`
+4. 修改里面的内容
+5. 点击“导入”按钮
+6. 选择解压好的文件夹
+
+### 如何导出视频
+
+1. 点击“导出”按钮
+2. 选择导出文件夹
+3. 耐心等待
+4. 在导出文件夹内打开 cmd，执行“运行命令”中的命令
diff --git a/index.html b/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="zh-CN" data-bs-theme="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>绳网</title>
+    <meta name="description" content="欢迎来到绳网" />
+    <meta
+      name="keywords"
+      content="绳网,Inter-Knot,zzz,绝区零,Zenless Zone Zero"
+    />
+    <script
+      charset="UTF-8"
+      id="LA_COLLECT"
+      src="/plugins/js-sdk-pro.min.js"
+      defer
+    ></script>
+  </head>
+
+  <body>
+    <header>
+      <div class="user-info">
+        <img class="profile-photo" alt="我的头像" />
+        <div class="user-info-text">
+          <div class="username">佚名</div>
+          <div class="experience">
+            <div class="bar">
+              <span class="curExp">0</span>/<span class="totalExp">0</span>
+            </div>
+          </div>
+        </div>
+        <div class="level">
+          <div class="level-num">0</div>
+          <div class="level-text">LEVEL</div>
+        </div>
+      </div>
+      <div class="tab-container">
+        <div class="active tab"><span>推送</span></div>
+        <div class="tab"><span>日程</span></div>
+        <div class="tab"><span>绳网等级</span></div>
+      </div>
+    </header>
+    <main>
+      <div class="card-container"></div>
+    </main>
+    <script defer type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "f1",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@tomjs/vite-plugin-html": "^1.5.2",
+    "less": "^4.2.0",
+    "postcss": "^8.4.41",
+    "postcss-preset-env": "^10.0.0",
+    "postcss-px-to-viewport": "^1.1.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-compression": "^0.5.1"
+  },
+  "dependencies": {
+    "macy": "^2.5.1"
+  }
+}