fix: 一些小问题

Acfboy · Acfboy · commit bf4d9b45c3cc · 2025-07-23T00:09:26.000+08:00
- 编辑器折行
- 登录图标
- 段间距
- info warn err 块
- 代码高亮
diff --git a/.github/workflows/docker-build.yml b/.github/workflows/docker-build.yml
@@ -13,16 +13,30 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v4
         
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 23  
+
+      - name: Install pnpm
+        run: npm install -g pnpm  
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build Nuxt application
+        run: pnpm run build  
+
       - name: Set up QEMU
-        uses: docker/setup-qemu-action@v3
+        uses: docker/setup-qemu-action@v3  # 添加 QEMU 支持跨架构构建
         with:
-          platforms: arm64,armhf
+          platforms: arm64,armhf  # 支持 ARM64 和 32 位 ARM
 
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
         with:
           install: true
-          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          platforms: linux/amd64,linux/arm64,linux/arm/v7  # 指定要构建的平台
 
       - name: Log in to Docker Hub
         uses: docker/login-action@v3
@@ -45,9 +59,7 @@ jobs:
         with:
           context: .
           file: ./Dockerfile
-          platforms: linux/amd64,linux/arm64,linux/arm/v7
+          platforms: linux/amd64,linux/arm64,linux/arm/v7  # 构建多架构镜像
           push: true
           tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          cache-from: type=gha
-          cache-to: type=gha,mode=max
+          labels: ${{ steps.meta.outputs.labels }}
diff --git a/Dockerfile b/Dockerfile
@@ -1,14 +1,11 @@
+FROM node:23-alpine
 
-FROM node:22-alpine AS builder
 WORKDIR /app
-COPY package*.json ./
-RUN npm install  
-COPY . .
-RUN npm run build 
 
-FROM node:22-alpine
-WORKDIR /app
-COPY --from=builder /app/.output/ ./.output/ 
+COPY .output/ ./.output/
+
 EXPOSE 3000
+
 USER node
+
 CMD ["node", ".output/server/index.mjs"]
diff --git a/components/TopTabs.vue b/components/TopTabs.vue
@@ -39,7 +39,7 @@
   <v-divider vertical />
 
   <div>
-    <v-btn v-if="!loggedIn" class="ml-2 mr-2" append-icon="mdi-loggin"
+    <v-btn v-if="!loggedIn" class="ml-2 mr-2" append-icon="mdi-login"
       @click="navigateTo(`/login?redirect=${$route.path}`)">登录</v-btn>
     <v-menu v-else open-on-hover>
       <template #activator="{ props }">
diff --git a/components/mdc/Callout.vue b/components/mdc/Callout.vue
@@ -0,0 +1,26 @@
+<template>
+    <div class="mt-4 mb-4">
+        <v-alert :type="props.type" 
+            :border="props.border" 
+            :variant="props.variant ?? 'tonal'" 
+            :title="props.title"
+            :border-color="props.borderColor"
+            :icon="props.icon"
+            :color="props.color"
+        >
+            <MDCSlot />
+        </v-alert>
+    </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+    title: string | undefined,
+    variant: "elevated" | "flat" | "tonal" | "outlined" | "text" | "plain" | undefined,
+    type: "error" | "info" | "warning" | "success" | undefined,
+    border: "start" | "end" | "top" | "bottom" | undefined,
+    borderColor: string | undefined,
+    color: string | undefined,
+    icon: string | undefined
+}>()
+</script>
diff --git a/components/mdc/Error.vue b/components/mdc/Error.vue
@@ -0,0 +1,7 @@
+<template>
+    <div class="mt-4 mb-4">
+        <v-alert type="error" border="start" variant="tonal">
+                <MDCSlot />
+        </v-alert>
+    </div>
+</template>
diff --git a/components/mdc/Info.vue b/components/mdc/Info.vue
@@ -0,0 +1,7 @@
+<template>
+    <div class="mt-4 mb-4">
+        <v-alert type="info" border="start" variant="tonal">
+                <MDCSlot />
+        </v-alert>
+    </div>
+</template>
diff --git a/components/mdc/Warning.vue b/components/mdc/Warning.vue
@@ -0,0 +1,7 @@
+<template>
+    <div class="mt-4 mb-4">
+        <v-alert type="warning" border="start" variant="tonal">
+                <MDCSlot />
+        </v-alert>
+    </div>
+</template>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -4,14 +4,13 @@ export default defineNuxtConfig({
     devtools: { enabled: false },
 
     modules: [
-        "@nuxt/eslint",
-        "@nuxt/scripts",
-        "@nuxt/test-utils",
-        "vuetify-nuxt-module",
-        "nuxt-auth-utils",
-        "nuxt-monaco-editor",
-        "@nuxtjs/mdc",
-        "nuxt-mathjax",
+      "@nuxt/eslint",
+      "@nuxt/scripts",
+      "@nuxt/test-utils",
+      "vuetify-nuxt-module",
+      "nuxt-auth-utils",
+      "nuxt-monaco-editor",
+      "@nuxtjs/mdc",
     ],
 
     runtimeConfig: {
@@ -42,13 +41,18 @@ export default defineNuxtConfig({
         rehypePlugins: {
             "rehype-mathjax": {},
         },
+        highlight: { 
+            theme: "github-light",
+            langs: ["ts", "cpp", "markdown", "py", "rust", "c#", "js", "json", "c"],
+            wrapperStyle: true
+        },
     },
     vuetify: {
         vuetifyOptions: {
             locale: {
                 locale: "zhHans",
             },
-            localeMessages: ['zhHans'],
+            localeMessages: ["zhHans"],
         },
     },
-});
+});
diff --git a/package.json b/package.json
@@ -23,8 +23,8 @@
     "nodemailer": "^7.0.4",
     "nuxt": "^3.17.6",
     "nuxt-auth-utils": "0.5.20",
-    "nuxt-mathjax": "1.1.1",
     "nuxt-monaco-editor": "1.3.2",
+    "rehype-highlight": "^7.0.2",
     "rehype-mathjax": "^7.1.0",
     "remark-math": "^6.0.0",
     "typescript": "^5.8.3",
diff --git a/pages/docs/[major]/[doc].vue b/pages/docs/[major]/[doc].vue
@@ -259,13 +259,25 @@ h6 {
 
 .article p {
     line-height: 1.8;
+    margin-top: 1em;
 }
 
 
+.article svg {
+    margin-top: 1em;
+}
+
+.article hr {
+    margin-top: 1em;
+}
+
+.article code {
+    margin-top: 1em;
+}
+
 .article li {
     line-height: 1.8;
     margin-left: 1em;
     margin-top: 0.5em;
-    margin-bottom: 0.5em;
 }
 </style>
diff --git a/pages/edit/[major].vue b/pages/edit/[major].vue
@@ -1,6 +1,6 @@
 <template>
     <div class="fill-height">
-        <v-navigation-drawer permanent class="position-fixed" v-if="listItems">
+        <v-navigation-drawer v-if="listItems" permanent class="position-fixed">
             <v-list v-if="Number(majorId) != 0">
                 <v-list-group v-for="(gradeCourses, index) in listItems" v-show="gradeCourses.length" :key="index"
                     :value="index">
diff --git a/pages/edit/[major]/[doc].vue b/pages/edit/[major]/[doc].vue
@@ -66,10 +66,10 @@
                         <v-tabs-window v-model="tab">
                             <v-tabs-window-item value="editor">
                                 <MonacoEditor v-model="newCourse.doc_str" :style="`height: ${editorHeight}px`"
-                                    lang="markdown" />
+                                    :options="{ wordWrap: 'on' }" lang="markdown" />
                             </v-tabs-window-item>
 
-                            <v-tabs-window-item value="preview" class="overflow-x-auto"
+                            <v-tabs-window-item value="preview" class="overflow-x-auto article"
                                 :style="`height: ${editorHeight}px`">
                                 <MDC :value="newCourse?.doc_str" />
                             </v-tabs-window-item>
@@ -138,7 +138,7 @@
     <div v-else>
         <v-row justify="center" class="mt-8">
             <v-sheet class="pa-4 ma-4 text-center mx-auto" elevation="12" max-width="600" rounded="lg" width="100%">
-                <v-icon class="mb-5" color="success" icon="mdi-check-circle" size="112"/>
+                <v-icon class="mb-5" color="success" icon="mdi-check-circle" size="112" />
 
                 <h2 class="text-h5 mb-6">提交成功</h2>
 
@@ -157,8 +157,6 @@ import axios from 'axios';
 import type { AxiosResponse } from 'axios';
 import useClipboard from "vue-clipboard3";
 import type { CourseWithDbId } from '~/utils/types';
-// import remarkMath from 'remark-math';
-// import rehypeMathjax from 'rehype-mathjax';
 
 const route = useRoute();
 const { toClipboard } = await useClipboard();
@@ -461,4 +459,29 @@ h6 {
     margin-bottom: 0.5em;
     margin-top: 0.5em;
 }
+
+
+.article p {
+    line-height: 1.8;
+    margin-top: 1em;
+}
+
+
+.article svg {
+    margin-top: 1em;
+}
+
+.article hr {
+    margin-top: 1em;
+}
+
+.article code {
+    margin-top: 1em;
+}
+
+.article li {
+    line-height: 1.8;
+    margin-left: 1em;
+    margin-top: 0.5em;
+}
 </style>
diff --git a/pages/review/docs/[id].vue b/pages/review/docs/[id].vue
@@ -60,8 +60,8 @@
                         <v-tabs-window v-model="tab">
                             <v-tabs-window-item value="editor">
                                 <MonacoDiffEditor v-model="proposalWithDoc.proposal.doc_str"
-                                    :original="proposalWithDoc.oriDoc.doc_str" :style="`height: ${editorHeight}px`"
-                                    lang="markdown" />
+                                    :options="{ wordWrap: 'on' }" :original="proposalWithDoc.oriDoc.doc_str"
+                                    :style="`height: ${editorHeight}px`" lang="markdown" />
                             </v-tabs-window-item>
 
                             <v-tabs-window-item value="preview" class="overflow-x-auto"
diff --git a/pages/signup.vue b/pages/signup.vue
@@ -56,7 +56,7 @@ const valid = ref(false);
 const mailError = ref(false);
 const pwdAgain = ref("");
 const sended = ref(false);
-const CAPTCHA_TIME_GAP = 10;
+const CAPTCHA_TIME_GAP = 60;
 const timer = ref(CAPTCHA_TIME_GAP);
 const prompt = ref("");
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/server/api/files/upload.post.ts b/server/api/files/upload.post.ts
diff --git a/server/db/mongodb.ts b/server/db/mongodb.ts
