关于本站

创建组件

• 在docs\.vitepress\theme\components\新建About文件，分别创建以下组件和代码

警告

代码请在源码自行获取：https://gitee.com/SeasirHyde/teek-hyde/tree/main/docs/.vitepress/theme/components/About

├─ docs
│ └─ .vitepress
│ │ └─ theme
│ │ │ └─ components
│ │ │ │ └─ About
│ │ │ │ │ └─ data  ---数据
│ │ │ │ │ │ └─ AboutData.ts
│ │ │ │ │ │ └─ TechIcons.ts
│ │ │ │ │ │ └─ useIntersectionObserver.js
│ │ │ │ │ │ └─ useMobileDetection.js
│ │ │ │ └─ About.vue
│ │ │ │ └─ ProfileSection.vue
│ │ │ │ └─ ProjectsSection.vue
│ │ │ │ └─ SkillsSection.vue
└─ package.json

注册组件

• 在docs\90.站点信息\10.关于我.md中注册组件

---
date: 2025-07-12 03:13:56
title: 关于我
layout: page # 必须指定为page
description: 认识一下打造这个项目的核心团队成员
permalink: /About
categories:
  - 站点信息
coverImg: /home/bg11.webp
sidebar: false
article: false
comment: false
---

<script setup>
import About from '../.vitepress/theme/components/About/About.vue'
</script>

<About />