style: fix dependencies and coding experiment

Author: L33Z22L11

docs/.vitepress/components/MemberCard.vue

@@ -46,19 +46,19 @@ const avatarLink = computed(() => {
     line-height: 1.2em;
 }
 
-.card>.avatar {
+.card > .avatar {
     width: 3rem;
     height: 3rem;
     margin: 0.5rem 0;
     border-radius: 4rem;
     box-shadow: 2px 4px 1rem var(--vp-c-divider);
 }
 
-.card>.name {
+.card > .name {
     font-weight: 600;
 }
 
-.card>.title {
+.card > .title {
     flex-grow: 1;
     margin-bottom: 0.5em;
     font-size: 0.8em;

docs/.vitepress/components/MemberList.vue

@@ -28,14 +28,18 @@ function setActiveGrade(grade: string) {
 <template>
     <div class="tabs-container">
         <div class="tabs">
-            <button v-for="(gradeObj, gradeIndex) in selectedMembers" :key="gradeIndex"
-                :class="{ active: activeGradeIndex === gradeObj.grade }" @click="setActiveGrade(gradeObj.grade)">
+            <button
+                v-for="(gradeObj, gradeIndex) in selectedMembers" :key="gradeIndex"
+                :class="{ active: activeGradeIndex === gradeObj.grade }" @click="setActiveGrade(gradeObj.grade)"
+            >
                 <span class="grade">{{ gradeObj.grade }}</span>
                 <span class="badge">{{ gradeObj.members.length }}</span>
             </button>
         </div>
-        <div v-for="gradeObj in selectedMembers" v-show="activeGradeIndex === gradeObj.grade" :key="gradeObj.grade"
-            class="tab-contents">
+        <div
+            v-for="gradeObj in selectedMembers" v-show="activeGradeIndex === gradeObj.grade" :key="gradeObj.grade"
+            class="tab-contents"
+        >
             <div class="members">
                 <MemberCard v-for="member in gradeObj.members" :key="member.name" v-bind="member" />
             </div>
@@ -44,7 +48,7 @@ function setActiveGrade(grade: string) {
 </template>
 
 <style scoped>
-.tabs-container>* {
+.tabs-container > * {
     margin: 2rem 0;
 }
 
@@ -65,11 +69,11 @@ function setActiveGrade(grade: string) {
     cursor: pointer;
 }
 
-.tabs button>* {
+.tabs button > * {
     padding: 2px 4px;
 }
 
-.tabs button>.badge {
+.tabs button > .badge {
     background-color: var(--vp-c-default-soft);
 }
 

docs/.vitepress/theme/index.ts

@@ -4,7 +4,7 @@ import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme-without-fonts'
 import './style.css'
 import { Icon } from '@iconify/vue'
-import Footer from '/.vitepress/components/Footer.vue'
+import Footer from '../components/Footer.vue'
 
 export default {
     extends: DefaultTheme,
@@ -14,7 +14,8 @@ export default {
             'doc-bottom': () => h(Footer),
         })
     },
-    enhanceApp({ app, router, siteData }) {
+    // enhanceApp({ app, router, siteData }) {
+    enhanceApp({ app }) {
         app.component('Icon', Icon)
     },
 } satisfies Theme

docs/.vitepress/theme/style.css

@@ -1,3 +1,5 @@
+/* stylelint-disable selector-class-pattern */
+
 :root {
     --vp-home-hero-name-color: transparent;
     --vp-home-hero-name-background: linear-gradient(60deg, #2ca, #ec0);
@@ -30,18 +32,18 @@
 }
 
 .vp-doc a {
-    background: linear-gradient(0, var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 2px;
+    background: linear-gradient(var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 2px;
     text-decoration: none;
     transition: 0.2s;
 }
 
 .vp-doc a:hover {
     border-radius: 0.2em;
-    background: linear-gradient(0, var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 100%;
+    background: linear-gradient(var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 100%;
 }
 
 strong {
-    background: linear-gradient(0, var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 40%;
+    background: linear-gradient(var(--vp-c-brand-soft), var(--vp-c-brand-soft)) no-repeat center bottom / 100% 40%;
 }
 
 .fa-solid,

docs/blog.md

@@ -3,12 +3,12 @@ titleTemplate: XiyouLinuxGroup
 layout: home
 
 hero:
-  name: 西邮 Linux 兴趣小组
+  name: 西邮 Linux 兴趣小组
   text: <small>XiyouLinuxGroup</small>
   tagline: Free Open Share / 自由 开放 共享
   image:
     src: /logo2023_compressed.webp
-    alt: 西邮 Linux 兴趣小组 Logo 2023
+    alt: 西邮 Linux 兴趣小组 Logo 2023
   actions:
     - theme: brand
       text: 介绍
@@ -22,7 +22,7 @@ hero:
 features:
   - icon: <i class="fa-solid fa-blog"></i>
     title: 小组群博
-    details: 西邮 Linux 兴趣小组历届成员博客集合，Enjoy it!
+    details: 西邮 Linux 兴趣小组历届成员博客集合，Enjoy it!
     link: //blog.xiyoulinux.com
     linkText: 访问
   - icon: <i class="fa-solid fa-list-check"></i>

docs/index.md

@@ -1,4 +1,4 @@
-# 加入西邮 Linux 兴趣小组
+# 加入西邮 Linux 兴趣小组
 
 经过几轮面试，如果你的态度端正，认真，热爱技术，热爱小组，热爱学习，恭喜你，你将成为我们的一员了。
 

docs/info/join.md

@@ -2,10 +2,10 @@
 
 ## 合作伙伴
 
-- [CO导航](https://cooo.site) (西安邮电大学网址导航服务)
-- [西邮Wiki](https://wiki.cooo.site) (西安邮电大学第三方公益校园生活百科)
-- [3G实验室](https://mobile.xupt.edu.cn/) (西安邮电大学移动应用开发实验室)
-- [邮立方](https://cop.cooo.site) (西安邮电大学MC交流群体)
+- [CO 导航](https://cooo.site) (西安邮电大学网址导航服务)
+- [西邮 Wiki](https://wiki.cooo.site) (西安邮电大学第三方公益校园生活百科)
+- [3G 实验室](https://mobile.xupt.edu.cn/) (西安邮电大学移动应用开发实验室)
+- [邮立方](https://cop.cooo.site) (西安邮电大学 MC 交流群体)
 
 ## 姊妹社团
 

docs/link.md

@@ -12,4 +12,4 @@
 
 也可以在 [Yesicon](https://yesicon.app/) 上查找图标，选择 Vue 选项卡中的 `@iconify/vue` 引入方式即可。
 
-例：<Icon icon="ic:twotone-add-a-photo" />（`<Icon icon="ic:twotone-add-a-photo" />`）
+例：<Icon icon="ic:twotone-add-a-photo" />（`<Icon icon="ic:twotone-add-a-photo" />`）

docs/manual/component/icon.md

@@ -1,12 +1,12 @@
 # 官网维护手册
 
-西邮 Linux 兴趣小组自 2006 年成立至今，已经历 {{ new Date().getFullYear() - 2006 }} 载风风雨雨，也成就了许多优秀人才。
+西邮 Linux 兴趣小组自 2006 年成立至今，已经历 {{ new Date().getFullYear() - 2006 }} 载风风雨雨，也成就了许多优秀人才。
 
 然而，2024 年 3 月开始维护修缮线上服务的过程中，才发现许多项目文件结构组织、线上平台等内容缺乏清晰的指引和文档，~~也因为本人爱好整理~~，特地编纂本维护手册，希望小组成员和其他热心人士能持续维护更新，这也是开源社团的灵魂所在。
 
 ## 十年前学长的感慨
 
-在 cs-xiyoulinux（西邮 Linux 兴趣小组内部交流平台项目）的 [Wiki](https://github.com/xiyou-linuxer/cs-xiyoulinux-old/wiki) 中，我找到了这样一段话：
+在 cs-xiyoulinux（西邮 Linux 兴趣小组内部交流平台项目）的 [Wiki](https://github.com/xiyou-linuxer/cs-xiyoulinux-old/wiki) 中，我找到了这样一段话：
 
 > 小组自2006年成立以来，至今已走过8年，走出了一批批活跃在各地各方向上的优秀的学长学姐们。然而，随着时间推移，小组也暴露出了一些问题，比较明显的就是**传承与沟通上的缺失**——一方面，往届学长学姐们曾经开发的**优秀项目鲜有后人维护**，毕业后心系小组却缺少了解小组近况的途径，在校学习期间精心收集整理积累下的学习资源材料也难以向下沉淀；另一方面，在校的小组成员想要参与原有项目，却因**文档缺失难以入手**，想要联系往届同学咨询，却缺乏有效联系方式而求助无门……
 
@@ -34,7 +34,6 @@
 
 除了 [<i class="fa-brands fa-github"></i>xiyou-linuxer](https://github.com/xiyou-linuxer) 之外，还存在一个归属未知的 [<i class="fa-brands fa-github"></i>xiyoulinuxgroup](https://github.com/xiyoulinuxgroup) 账号。
 
-
 ### 活动列表
 
 先前，小组举办了许多大型活动（例如每年的纳新宣讲会、团建、晚会等），也有很多有意义的事件（例如 Linus 来访），但是我们没有一份完整的索引。同时，每周召开小型知识分享会，是小组的优秀传统。2024 年 3 月开始，我们将活动列表整理到网站上，以便于后续的维护和更新。

docs/manual/index.md

@@ -32,7 +32,7 @@ git clone [email protected]:xiyou-linuxer/XiyouLinuxWebsite2024.git
 
 在终端中进入 Git 仓库所在的路径：
 
-```sh 
+```sh
 cd XiyouLinuxWebsite2024
 ```
 
@@ -66,17 +66,13 @@ npm run dev
 
 除了 npm 脚本，还可以直接调用 VitePress：
 
-
 ::: code-group
-
 ```sh [npm]
 npx vitepress dev docs
 ```
-
 ```sh [pnpm]
 pnpm exec vitepress dev docs
 ```
-
 :::
 
-本地开发服务应该会运行在 `localhost:5173` 上。
+本地开发服务应该会运行在 `localhost:5173` 上。

docs/manual/setup.md

@@ -4,10 +4,6 @@
 你可以参考 VitePress 官方文档的 [路由](https://vitepress.dev/zh/guide/routing) 和 [写作](https://vitepress.dev/zh/guide/markdown) 一节。
 :::
 
-## 组织名称规范
-
-“西邮 Linux 兴趣小组”的组织名称作为文字 Logo 展示时，应当写作 `西邮 Linux 兴趣小组`，中间的空格是窄空格` `（` `）。
-
 ## 文件名
 
 文件名使用小写，单词之间使用连字符 `-` 连接，例如 `guide-start.md`。
@@ -19,4 +15,3 @@
 ## 写作规范
 
 写作时应当遵循 [中文写作规范](https://github.com/sparanoid/chinese-copywriting-guidelines/blob/master/README.zh-Hans.md)。
-

docs/manual/write.md

@@ -8,14 +8,12 @@
     "build": "vitepress build docs",
     "preview": "vitepress preview docs"
   },
-  "dependencies": {
-    "vitepress": "^1.3.1"
-  },
   "devDependencies": {
     "@antfu/eslint-config": "^2.23.1",
     "@iconify/vue": "^4.1.2",
     "@zinkawaii/stylelint-config": "^0.1.4",
     "eslint": "^9.7.0",
-    "stylelint": "^16.7.0"
+    "stylelint": "^16.7.0",
+    "vitepress": "^1.3.1"
   }
 }

package.json

@@ -1,4 +1,4 @@
 // stylelint.config.js
-import zin from "@zinkawaii/stylelint-config";
+import zin from '@zinkawaii/stylelint-config'
 
-export default zin();
+export default zin()