配置个人主页

配置个人主页

目录

[[toc]]

[toc]

背景

Hyde大佬又给自己Teek博客添加了一个新风格 个人主页（和张洪heo博客风格类似），那么我肯定会抄作业的啦。😜

版权

来自《Hyde》大佬的功能贡献，感谢大佬。💖💖💖

环境

Teek@1.5.0-2025.9.23版本

Teek-one开箱即用版仓库：https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public

效果

https://onedayxyy.cn/about/homepage

配置

（1）把从我开源库下的docs/.vitepress/theme/components/homepage目录放到你自己的docs\.vitepress\theme\components\目录下：

开源库地址：https://cnb.cool/onedayxyy/vitepress-theme-teek-one-public/-/tree/main/docs/.vitepress/theme/components/homepage

（2）创建docs\90.关于\15.个人主页.md文件

 1---
 2date: 2025-07-12 03:13:56
 3title: 关于我
 4layout: page # 必须指定为page
 5description: 认识一下打造这个项目的核心团队成员
 6permalink: /about/homepage
 7categories:
 8  - 站点信息
 9sidebar: false
10article: false
11comment: false
12---
13
14<script setup>
15import homepage from '../.vitepress/theme/components/homepage/sections/AboutPage.vue'
16</script>
17
18<homepage />

（3）在nav添加导航栏

编辑docs\.vitepress\ConfigHyde\Nav.ts文件：

1{ text: '🚩个人主页', link: '/about/homepage' },

（4）验证

运行项目，观察效果：

https://onedayxyy.cn/about/homepage

结束。