Skip to content
0

个人主页

创建组件

  • docs\.vitepress\theme\components\新建homepage文件,分别创建以下组件和代码
md
├─ docs
│ └─ .vitepress
│ │ └─ theme
│ │ │ └─ components
│ │ │ │ └─ homepage
│ │ │ │ │ └─ data  ---数据
│ │ │ │ │ │ └─ useAnimation.ts
│ │ │ │ │ │ └─ useData.ts
│ │ │ │ │ │ └─ useUtils.js
│ │ │ │ └─ sections  ---组件
│ │ │ │ │ │ └─ AboutPage.vue
│ │ │ │ │ │ └─ AppFooter.vue
│ │ │ │ │ │ └─ AppHeader.vue
│ │ │ │ │ │ └─ AuthorSection.vue
│ │ │ │ │ │ └─ BuffSection.vue
│ │ │ │ │ │ └─ ComicSection.vue
│ │ │ │ │ │ └─ GameSection.vue
│ │ │ │ │ │ └─ HelloSection.vue
│ │ │ │ │ │ └─ IntroSection.vue
│ │ │ │ │ │ └─ JourneySection.vue
│ │ │ │ │ │ └─ MaximSection.vue
│ │ │ │ │ │ └─ MusicSection.vue
│ │ │ │ │ │ └─ MyPhotoSection.vue
│ │ │ │ │ │ └─ PersonalitiesSection.vue
│ │ │ │ │ │ └─ SkillsSection.vue
│ │ │ │ │ │ └─ StatisticSection.vue
│ │ │ │ │ │ └─ TechnologySection.vue
│ │ │ │ └─ styles  ---样式
│ │ │ │ │ └─ global.css
│ │ │ │ │ └─ variables.scss
│ │ │ │ └─ type  ---类型
│ │ │ │ │ └─ index.d.ts
└─ package.json

注册组件

  • docs\90.站点信息\20.个人主页.md中注册组件
md
---
date: 2025-07-12 03:13:56
title: 关于我
layout: page # 必须指定为page
description: 认识一下打造这个项目的核心团队成员
permalink: /homepage
categories:
  - 站点信息
coverImg: /home/bg11.webp
sidebar: false
article: false
comment: false
---

<script setup>
import homepage from '../.vitepress/theme/components/homepage/sections/AboutPage.vue'
</script>

<homepage />
最近更新