00:00:00
配置个人主页
配置个人主页
目录
[toc]
背景
Hyde大佬又给自己Teek博客添加了一个新风格 个人主页(和张洪heo博客风格类似),那么我肯定会抄作业的啦。😜
版权
来自《Hyde》大佬的功能贡献,感谢大佬。💖💖💖
环境
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\
目录下:
(2)创建docs\90.关于\15.个人主页.md
文件
md
---
date: 2025-07-12 03:13:56
title: 关于我
layout: page # 必须指定为page
description: 认识一下打造这个项目的核心团队成员
permalink: /about/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 />
(3)在nav添加导航栏
编辑docs\.vitepress\ConfigHyde\Nav.ts
文件:
ts
{ text: '🚩个人主页', link: '/about/homepage' },
(4)验证
运行项目,观察效果:
https://onedayxyy.cn/about/homepage
结束。